:root{--color-primary: #5aaf63;--color-primary-dark: #4a9a53;--color-primary-light: #e8f5e9;--color-background: #ffffff;--color-surface: #f8f8f8;--color-text-primary: #1c1c1e;--color-text-secondary: #6b6b6e;--color-border: #e5e5ea;--color-error: #ef5350;--color-success: #48c774;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-text-primary);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{--color-background: #121212;--color-surface: #1e1e1e;--color-text-primary: #f5f5f7;--color-text-secondary: #8e8e93;--color-border: #2c2c2e;--color-primary-light: #1a2e1c}}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;background-color:var(--color-background);color:var(--color-text-primary)}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto}.landing{display:flex;flex-direction:column;min-height:100vh}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 1.5rem}.nav{position:sticky;top:0;z-index:100;background-color:color-mix(in srgb,var(--color-background) 80%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border)}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:64px}.nav__brand{display:flex;align-items:center;gap:.625rem;text-decoration:none}.nav__icon{width:32px;height:32px;border-radius:8px;object-fit:cover}.nav__name{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.nav__cta{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.125rem;background-color:var(--color-primary);color:#fff;font-size:.875rem;font-weight:600;border-radius:9999px;transition:background-color .2s,transform .15s;cursor:default;opacity:.85}.hero{padding:6rem 0 5rem;text-align:center}.hero__badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;background-color:var(--color-primary-light);color:var(--color-primary);font-size:.8125rem;font-weight:600;border-radius:9999px;margin-bottom:2rem;letter-spacing:.01em}.hero__badge-dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-primary);flex-shrink:0}.hero__title{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;color:var(--color-text-primary);margin:0 0 1.5rem}.hero__title-highlight{color:var(--color-primary)}.hero__subtitle{font-size:clamp(1.0625rem,2.5vw,1.25rem);color:var(--color-text-secondary);max-width:600px;margin:0 auto 2.5rem;line-height:1.6}.hero__actions{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background-color:var(--color-primary);color:#fff;font-size:1rem;font-weight:700;border-radius:9999px;border:none;cursor:pointer;transition:background-color .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 20px color-mix(in srgb,var(--color-primary) 35%,transparent);text-decoration:none}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 6px 24px color-mix(in srgb,var(--color-primary) 40%,transparent);color:#fff}.btn-primary:active{transform:translateY(0)}.btn-primary--disabled{opacity:.6;cursor:default}.btn-primary--disabled:hover{transform:none;background-color:var(--color-primary);box-shadow:0 4px 20px color-mix(in srgb,var(--color-primary) 35%,transparent)}.hero__note{font-size:.8125rem;color:var(--color-text-secondary);margin-top:1rem}.screenshots{padding:2rem 0 5rem}.screenshots__stage{position:relative;height:560px;display:flex;align-items:center;justify-content:center;perspective:1200px;cursor:grab;-webkit-user-select:none;user-select:none}.screenshots__stage:active{cursor:grabbing}.screenshot-frame{position:absolute;width:240px;border-radius:32px;overflow:hidden;border:1px solid var(--color-border);transition:transform .3s ease-in-out,opacity .3s ease-in-out,filter .3s ease-in-out,box-shadow .3s ease-in-out}.screenshot-frame__img{width:100%;height:auto;display:block}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:40px;height:40px;border-radius:50%;background:#ffffff14;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s}.carousel-btn:hover{background:#ffffff2e}.carousel-btn--prev{left:.5rem}.carousel-btn--next{right:.5rem}.screenshots__dots{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem}.screenshots__dot{width:8px;height:8px;border-radius:999px;background:var(--color-border);border:none;padding:0;cursor:pointer;transition:width .3s ease,background .3s ease}.screenshots__dot--active{width:24px;background:var(--color-primary)}.features{padding:5rem 0;background-color:var(--color-surface)}.section-label{text-align:center;font-size:.8125rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);margin-bottom:.875rem}.section-title{text-align:center;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--color-text-primary);margin:0 0 1rem}.section-subtitle{text-align:center;font-size:1.0625rem;color:var(--color-text-secondary);max-width:520px;margin:0 auto 3.5rem;line-height:1.6}.features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.feature-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:20px;padding:2rem 1.75rem;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px color-mix(in srgb,var(--color-text-primary) 8%,transparent)}.feature-card__icon{width:52px;height:52px;border-radius:14px;background-color:var(--color-primary-light);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.25rem}.feature-card__title{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .625rem;letter-spacing:-.01em}.feature-card__desc{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.6;margin:0}.cta-section{padding:6rem 0;text-align:center}.cta-section__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--color-text-primary);margin:0 0 1rem}.cta-section__subtitle{font-size:1.0625rem;color:var(--color-text-secondary);max-width:480px;margin:0 auto 2.5rem;line-height:1.6}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:2.5rem 0}.footer__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer__brand{display:flex;align-items:center;gap:.5rem;text-decoration:none}.footer__icon{width:24px;height:24px;border-radius:6px;object-fit:cover}.footer__name{font-size:.9375rem;font-weight:700;color:var(--color-text-primary)}.footer__copy{font-size:.875rem;color:var(--color-text-secondary);margin:0}.footer__links{display:flex;gap:1.25rem}.footer__link{font-size:.875rem;color:var(--color-text-secondary)}.footer__link:hover{color:var(--color-text-primary)}.impressum{padding:4rem 0 6rem}.impressum__title{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em;color:var(--color-text-primary);margin:0 0 3rem}.impressum__section{margin-bottom:2.5rem}.impressum__section h2{font-size:1rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .75rem}.impressum__section p{font-size:1rem;color:var(--color-text-primary);line-height:1.7;margin:0}.impressum__section a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.impressum__section a:hover{color:var(--color-primary-dark)}@media(max-width:640px){.hero{padding:4rem 0 3.5rem}.screenshots__stage{height:430px}.screenshot-frame{width:175px;border-radius:24px}.footer__inner{flex-direction:column;text-align:center}}.recipe-page{display:flex;flex-direction:column;min-height:100vh}.recipe{flex:1;padding:2rem 0 4rem}.recipe__hero{width:100%;max-height:400px;overflow:hidden;border-radius:16px;margin-bottom:2rem}.recipe__hero-img{width:100%;height:100%;object-fit:cover;display:block}.recipe__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--color-text-primary);margin:0 0 .25rem}.recipe__subtitle{font-size:1.125rem;color:var(--color-text-secondary);margin:0 0 .5rem;line-height:1.5}.recipe__author{font-size:.9375rem;color:var(--color-text-secondary);margin:0 0 1.25rem}.recipe__author-name{font-weight:600;color:var(--color-text-primary)}.recipe__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.recipe__tag{display:inline-flex;align-items:center;padding:.25rem .75rem;background-color:var(--color-primary-light);color:var(--color-primary);font-size:.8125rem;font-weight:600;border-radius:9999px;letter-spacing:.01em}.recipe__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:2rem}.recipe__meta-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem;text-align:center}.recipe__meta-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);margin-bottom:.25rem}.recipe__meta-value{font-size:1.125rem;font-weight:700;color:var(--color-text-primary)}.recipe__description{font-size:1rem;color:var(--color-text-secondary);line-height:1.7;margin:0 0 2.5rem;white-space:pre-line}.recipe__section-title{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-primary);display:inline-block}.recipe__ingredients{margin-bottom:2.5rem}.recipe__ingredient-list{list-style:none;padding:0;margin:0}.recipe__ingredient{display:flex;align-items:baseline;gap:.75rem;padding:.625rem 0;border-bottom:1px solid var(--color-border);font-size:1rem;color:var(--color-text-primary)}.recipe__ingredient:last-child{border-bottom:none}.recipe__ingredient-amount{font-weight:600;min-width:4rem;flex-shrink:0;color:var(--color-primary)}.recipe__ingredient-name{flex:1}.recipe__ingredient-note{font-size:.875rem;color:var(--color-text-secondary);font-style:italic}.recipe__ingredient--optional{opacity:.65}.recipe__steps{margin-bottom:2.5rem}.recipe__step-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.25rem}.recipe__step{display:flex;gap:1rem}.recipe__step-number{width:32px;height:32px;border-radius:50%;background-color:var(--color-primary);color:#fff;font-size:.875rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.125rem}.recipe__step-content{flex:1}.recipe__step-text{font-size:1rem;color:var(--color-text-primary);line-height:1.7;margin:0;white-space:pre-line}.recipe__step-timer{display:inline-flex;align-items:center;gap:.375rem;margin-top:.5rem;padding:.25rem .625rem;background-color:var(--color-primary-light);color:var(--color-primary);font-size:.8125rem;font-weight:600;border-radius:9999px}.recipe__nutrition{margin-bottom:2.5rem}.recipe__nutrition-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.recipe__nutrition-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:.875rem 1rem;display:flex;justify-content:space-between;align-items:center}.recipe__nutrition-label{font-size:.875rem;color:var(--color-text-secondary)}.recipe__nutrition-value{font-size:.9375rem;font-weight:700;color:var(--color-text-primary)}.recipe__source{margin-bottom:2.5rem}.recipe__source-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;font-size:.9375rem;color:var(--color-primary);text-decoration:none;transition:background-color .2s,border-color .2s;word-break:break-all}.recipe__source-link:hover{background-color:var(--color-primary-light);border-color:var(--color-primary)}.recipe__app-banner{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;margin-top:2rem}.recipe__app-banner-icon{width:48px;height:48px;border-radius:12px;object-fit:cover;flex-shrink:0}.recipe__app-banner-text{flex:1}.recipe__app-banner-title{font-size:1rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .125rem}.recipe__app-banner-subtitle{font-size:.8125rem;color:var(--color-text-secondary);margin:0}.recipe__app-banner-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1.25rem;background-color:var(--color-primary);color:#fff;font-size:.875rem;font-weight:600;border-radius:9999px;border:none;text-decoration:none;white-space:nowrap;transition:background-color .2s}.recipe__app-banner-btn:hover{background-color:var(--color-primary-dark);color:#fff}.recipe__loading,.recipe__error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:50vh;gap:1rem}.recipe__spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:recipe-spin .8s linear infinite}@keyframes recipe-spin{to{transform:rotate(360deg)}}.recipe__error-icon{font-size:3rem;margin-bottom:.5rem}.recipe__error-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0}.recipe__error-message{font-size:1rem;color:var(--color-text-secondary);margin:0;max-width:400px;line-height:1.6}.recipe__error-link{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:var(--color-primary);color:#fff;font-size:.9375rem;font-weight:600;border-radius:9999px;text-decoration:none;margin-top:.5rem;transition:background-color .2s}.recipe__error-link:hover{background-color:var(--color-primary-dark);color:#fff}.recipe__allergens{margin-bottom:2.5rem}.recipe__allergen-list{display:flex;flex-wrap:wrap;gap:.5rem}.recipe__allergen{display:inline-flex;align-items:center;padding:.25rem .75rem;background-color:color-mix(in srgb,var(--color-error) 10%,transparent);color:var(--color-error);font-size:.8125rem;font-weight:600;border-radius:9999px}@media(max-width:640px){.recipe{padding:1.5rem 0 3rem}.recipe__hero{border-radius:12px;max-height:280px}.recipe__meta,.recipe__nutrition-grid{grid-template-columns:repeat(2,1fr)}.recipe__app-banner{flex-direction:column;text-align:center}}.recipe__disclaimer{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border);font-size:.8125rem;color:var(--color-text-secondary);line-height:1.6}.recipe__disclaimer a{color:var(--color-text-secondary);text-decoration:underline;text-underline-offset:2px}.recipe__disclaimer a:hover{color:var(--color-text-primary)}