@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/bricolage-600-latin.woff2)format("woff2")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/bricolage-700-latin.woff2)format("woff2")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/bricolage-800-latin.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plexmono-400-latin.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plexmono-500-latin.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/plexmono-600-latin.woff2)format("woff2")}:root{--porzellan:#eaece4;--ton:#f6f7f2;--petrol:#1e4d45;--petrol-hell:#2f6f62;--safran:#e3a02c;--tinte:#1a221e;--leise:#4c574f;--linie:#d3d8cc;--bete:#8a3b52;--auf-petrol:#f6f7f2;--schatten:18, 35, 31;--r-card:18px;--r-control:12px;--r-chip:9px;--display:"Bricolage Grotesque", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--text:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;color:var(--tinte);background:var(--porzellan);font-family:var(--text);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*,:before,:after{box-sizing:border-box}html{background:var(--porzellan);scroll-behavior:smooth;min-width:320px}body{background:radial-gradient(1000px 520px at 50% -12%, #1e4d4514, transparent 62%), var(--porzellan);min-width:320px;min-height:100svh;margin:0;overflow-x:hidden}button,a{font:inherit}:focus-visible{outline:2px solid var(--petrol);outline-offset:3px;border-radius:4px}::selection{color:var(--auf-petrol);background:var(--petrol)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.site-header,.hero-section,.quiet-band,.split-section,.site-footer{width:min(1060px,100% - 32px);margin-inline:auto}.site-header{justify-content:space-between;align-items:center;gap:20px;min-height:76px;display:flex}.brand{color:var(--petrol);font-family:var(--display);align-items:center;gap:10px;font-size:24px;font-weight:800;text-decoration:none;display:inline-flex}.brand img{border-radius:8px}.site-header nav{align-items:center;gap:8px;display:flex}.site-header nav a,.secondary-button,.legal-links button,.legal-sheet-header button{border-radius:var(--r-chip);color:var(--leise);cursor:pointer;background:0 0;border:1px solid #0000;font-size:13px;font-weight:700;text-decoration:none}.site-header nav a{padding:8px 10px}.site-header nav a:last-child,.primary-button,.beta-note a{border:1.5px solid var(--petrol);border-radius:var(--r-chip);background:var(--petrol);color:var(--auf-petrol);box-shadow:0 12px 30px rgba(var(--schatten), .12);font-weight:800;text-decoration:none}.site-header nav a:hover,.legal-links button:hover{color:var(--petrol)}.site-header nav a:last-child:hover,.primary-button:hover,.beta-note a:hover{background:var(--petrol-hell)}.hero-section{grid-template-columns:minmax(0,1fr) minmax(340px,430px);align-items:center;gap:46px;min-height:calc(100svh - 76px);padding:28px 0 64px;display:grid}.hero-copy{max-width:680px}.kicker{color:#8a5800;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:600}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--tinte);font-family:var(--display);letter-spacing:0}h1{max-width:720px;margin-bottom:18px;font-size:clamp(42px,7vw,76px);font-weight:800;line-height:.95}h2{margin-bottom:14px;font-size:clamp(30px,4.2vw,48px);font-weight:800;line-height:1}h3{margin-bottom:8px;font-size:22px;font-weight:800;line-height:1.08}.lead,.split-section p,.beta-section p{color:var(--leise);font-size:18px;line-height:1.55}.lead{max-width:610px;margin-bottom:0;font-size:clamp(18px,2vw,22px)}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.hero-actions a{white-space:nowrap;width:210px;max-width:100%}.primary-button,.secondary-button,.beta-note a{justify-content:center;align-items:center;min-height:44px;padding:0 16px;display:inline-flex}.secondary-button{border-color:var(--linie);background:var(--ton);color:var(--tinte)}.secondary-button:hover{color:var(--petrol);border-color:#1e4d4547}.screen-preview{place-items:center;min-height:560px;display:grid;position:relative}.hero-device,.screen-card{border:1px solid var(--linie);background:var(--ton);box-shadow:0 18px 50px rgba(var(--schatten), .11);overflow:hidden}.hero-device{border-radius:var(--r-card);width:min(430px,92%);margin:0}.device-topline{border-bottom:1px dashed var(--linie);justify-content:space-between;align-items:baseline;gap:12px;padding:16px 18px 13px;display:flex}.device-topline span{color:var(--leise);font-family:var(--mono);text-transform:uppercase;font-size:11px;font-weight:600}.device-topline strong{color:var(--petrol);font-family:var(--display);font-size:22px;font-weight:800}.hero-screen-crop{background:var(--porzellan);height:470px;overflow:hidden}.hero-screen-crop img{width:100%;height:auto;display:block;transform:translateY(-7.8%)}.screen-card img{width:100%;height:auto;display:block}.quiet-band{border-block:1px solid var(--linie);text-align:center;grid-template-columns:repeat(3,1fr);display:grid}.quiet-band div{border-right:1px solid var(--linie);flex-direction:column;justify-content:center;align-items:center;min-height:112px;padding:24px 22px;display:flex}.quiet-band div:last-child{border-right:0}.quiet-band strong{color:var(--petrol);font-family:var(--display);font-size:27px;font-weight:800;line-height:1;display:block}.quiet-band span{max-width:250px;color:var(--leise);margin-top:8px;font-size:14px;line-height:1.35;display:block}.split-section,.beta-section,.screens-section{padding:82px 0}.section-intro{max-width:700px;margin-bottom:28px}.split-section,.beta-section,.legal-sheet{border:1px solid var(--linie);border-radius:var(--r-card);background:var(--ton)}.split-section{grid-template-columns:minmax(0,48fr) minmax(0,52fr);align-items:center;gap:clamp(40px,6vw,88px);padding-block:clamp(44px,5.6vw,72px);padding-inline:clamp(40px,5vw,72px);display:grid}.quiet-band+.split-section{margin-top:clamp(34px,4vw,52px)}.split-copy{max-width:480px}.split-copy p:last-child{margin-bottom:0}.feature-panel h3{color:var(--petrol);margin-bottom:16px;font-size:clamp(22px,2.2vw,26px);font-weight:700}.feature-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;margin:0;padding:0;list-style:none;display:grid}.feature-list li{min-height:84px;color:var(--tinte);text-align:left;background:#f6f7f285;border:1px solid #1e4d4524;border-radius:16px;align-items:center;gap:11px;padding:15px 18px;display:flex}.feature-list li span{width:21px;height:21px;color:var(--petrol);font-family:var(--mono);background:#1e4d4514;border-radius:7px;flex:none;place-items:center;font-size:12px;font-weight:600;display:inline-grid}.feature-list li strong{color:var(--tinte);font-size:14px;font-weight:750;line-height:1.22}.screens-section{width:min(1060px,100% - 32px);margin-inline:auto}.screens-section .section-intro{max-width:680px;margin-bottom:30px}.screens-section .section-intro h2{max-width:680px;margin-bottom:12px;font-size:clamp(32px,3.3vw,42px);line-height:1.02}.screens-section .section-intro p:not(.kicker){max-width:520px;color:var(--leise);margin:0;font-size:clamp(16px,1.3vw,18px);line-height:1.5}.screens-carousel{width:min(1060px,100%);margin-top:30px;overflow:hidden}.carousel-stage{min-height:clamp(500px,48vw,590px);position:relative}.screen-card{border:1px solid var(--linie);background:var(--ton);width:min(430px,100% - 48px);height:clamp(500px,43vw,552px);box-shadow:0 14px 36px rgba(var(--schatten), .07);will-change:transform;border-radius:28px;flex-direction:column;margin:0;transition:transform .42s,opacity .42s,filter .42s,box-shadow .42s;display:flex;position:absolute;top:0;left:50%;overflow:hidden}.screen-card.is-active{z-index:3;opacity:1;filter:none;box-shadow:0 20px 54px rgba(var(--schatten), .12);transform:translate(-50%)scale(1)}.screen-card.is-previous{z-index:1;opacity:.78;filter:saturate(.92);transform:translate(calc(-50% - min(34vw,360px)))scale(.82)}.screen-card.is-next{z-index:1;opacity:.78;filter:saturate(.92);transform:translate(calc(-50% + min(34vw,360px)))scale(.82)}.screen-crop{border-bottom:1px solid var(--linie);background:var(--porzellan);flex:0 0 70%;min-height:0;overflow:hidden}.screen-crop img{transform-origin:top;width:100%;height:auto;display:block;transform:translateY(-15.5%)scale(1.01)}.recipes-crop img{transform:translateY(-11.8%)scale(1.01)}.shopping-crop img{transform:translateY(-12.2%)scale(1.01)}.screen-card figcaption{flex-direction:column;flex:1 0 30%;justify-content:flex-start;min-height:152px;padding:25px 28px 27px;display:flex}.screen-card h3{margin-bottom:9px;font-size:clamp(26px,1.8vw,31px);line-height:1.05}.screen-card p{max-width:95%;color:var(--leise);margin:0;font-size:clamp(16px,1.15vw,18px);line-height:1.42}.carousel-stage>button{z-index:4;border:1px solid var(--linie);width:46px;height:46px;color:var(--petrol);cursor:pointer;box-shadow:0 12px 26px rgba(var(--schatten), .1);background:#fffffcf0;border-radius:12px;place-items:center;font-size:20px;font-weight:800;transition:border-color .16s,transform .16s;display:inline-grid;position:absolute;top:min(250px,42%)}.carousel-stage>button:first-child{left:calc(50% - min(27vw,280px))}.carousel-stage>button:last-child{right:calc(50% - min(27vw,280px))}.carousel-stage>button:hover{border-color:#1e4d4547;transform:translateY(-1px)}.carousel-dots{justify-content:center;align-items:center;gap:8px;margin-top:18px;display:flex}.carousel-dots button{cursor:pointer;background:#1e4d4538;border:0;border-radius:999px;width:8px;height:8px;padding:0}.carousel-dots button.is-active{background:var(--petrol);width:24px}.carousel-label{color:var(--leise);font-family:var(--mono);text-align:center;text-transform:uppercase;margin-top:10px;font-size:12px;font-weight:600}.beta-section{background:var(--petrol);border:0;border-radius:0;grid-template-columns:minmax(0,64fr) minmax(260px,36fr);align-items:center;gap:clamp(34px,5vw,72px);width:100vw;margin:0 calc(50% - 50vw);padding:clamp(68px,8vw,112px) max(16px,50vw - 530px);display:grid}.beta-section .kicker{color:var(--safran)}.beta-section h2,.beta-section p{color:var(--auf-petrol)}.beta-section p{opacity:.88;max-width:720px}.beta-note{border-left:1px solid #f6f7f233;flex-direction:column;align-items:flex-start;gap:12px;max-width:330px;padding-left:clamp(22px,3vw,36px);display:flex}.beta-note strong{color:var(--auf-petrol);font-family:var(--display);font-size:clamp(22px,2vw,28px);font-weight:800;line-height:1.05}.beta-note span{color:#f6f7f2d1;font-size:14px;line-height:1.45}.beta-icon{background:#f6f7f21f;border-radius:18px;place-items:center;width:58px;height:58px;display:inline-grid;box-shadow:inset 0 0 0 1px #f6f7f21f}.beta-icon img{border-radius:9px;width:34px;height:34px}.beta-note a{border-color:var(--auf-petrol);background:var(--auf-petrol);width:fit-content;color:var(--petrol);margin-top:8px}.site-footer{background:var(--petrol);border-top:1px solid #f6f7f229;justify-content:space-between;align-items:center;gap:18px;width:100%;margin-inline:0;padding:24px max(16px,50vw - 530px) 42px;display:flex}.site-footer>div:first-child{color:#f6f7f2bd;align-items:baseline;gap:10px;font-size:13px;display:flex}.site-footer strong{color:var(--auf-petrol);font-family:var(--display);font-size:20px;font-weight:800}.legal-links{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.legal-links button,.legal-links a{padding:7px 8px}.legal-links a{border-radius:var(--r-chip);color:#f6f7f2c2;border:1px solid #0000;font-size:13px;font-weight:700;text-decoration:none}.site-footer .legal-links button{color:#f6f7f2c2}.legal-links a:hover,.site-footer .legal-links button:hover{color:var(--auf-petrol)}.legal-backdrop{z-index:20;background:#00000075;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:fixed;inset:0}.legal-sheet{flex-direction:column;width:min(760px,100%);max-height:min(78vh,820px);display:flex;overflow:hidden;box-shadow:0 28px 80px #00000038}.legal-sheet-header{border-bottom:1px solid var(--linie);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.legal-sheet-header span{color:var(--leise);font-family:var(--mono);text-transform:uppercase;font-size:11px;font-weight:600}.legal-sheet-header h2{margin:2px 0 0;font-size:24px}.legal-sheet-header button{border-color:var(--linie);color:var(--tinte);background:#1e4d450a;padding:8px 10px}.legal-content{padding:18px 20px 26px;overflow-y:auto}.legal-content p,.legal-text{color:var(--leise);font-size:13px;line-height:1.7}.legal-version{font-family:var(--mono);margin-bottom:12px;font-weight:600;color:var(--petrol)!important;font-size:11px!important}.legal-text{white-space:pre-wrap}@media (width<=860px){.site-header nav a:not(:last-child){display:none}.hero-section{grid-template-columns:1fr;gap:28px;min-height:auto;padding-top:24px}.screen-preview{min-height:460px}.quiet-band,.split-section,.beta-section{grid-template-columns:1fr}.quiet-band div{border-right:0;border-bottom:1px solid var(--linie);min-height:auto}.quiet-band div:last-child{border-bottom:0}.split-section,.beta-section,.screens-section{padding-block:56px}.split-section,.beta-section{gap:24px;padding-inline:22px}.beta-section{align-items:start}.beta-note{border-left:0;max-width:none;padding-left:0}.split-section{align-items:start}.split-copy{max-width:none}.screen-card{border-radius:var(--r-card);grid-template-columns:none;height:480px;display:flex}.screen-crop{border-right:0;border-bottom:1px solid var(--linie);flex-basis:68%;max-height:330px}.screen-card figcaption{text-align:left;justify-content:flex-start;align-items:center;min-height:142px;padding:22px 24px 24px}.screen-card figcaption h3,.screen-card figcaption p{width:100%}.carousel-stage{min-height:520px}.screen-card{width:min(360px,82vw)}.screen-card.is-previous{transform:translate(calc(-50% - 46vw))scale(.72)}.screen-card.is-next{transform:translate(calc(46vw - 50%))scale(.72)}.carousel-stage>button{top:230px}.carousel-stage>button:first-child{left:calc(50% - min(44vw,220px))}.carousel-stage>button:last-child{right:calc(50% - min(44vw,220px))}}@media (width<=540px){.site-header,.hero-section,.quiet-band,.split-section,.screens-section{width:min(100% - 24px,1060px)}.site-header{min-height:68px}.brand{font-size:22px}h1{font-size:40px}.hero-actions a{width:100%}.screen-preview{min-height:430px}.hero-device{width:min(324px,86%)}.hero-screen-crop{height:390px}.screen-card{width:min(330px,82vw);height:430px}.screen-crop{max-height:280px}.carousel-stage{min-height:468px}.screen-card.is-previous{transform:translate(calc(-50% - 54vw))scale(.66)}.screen-card.is-next{transform:translate(calc(54vw - 50%))scale(.66)}.carousel-stage>button{width:42px;height:42px;top:198px}.screen-card figcaption{align-items:flex-start}.screen-card h3{font-size:28px}.screen-card p{font-size:16px}.feature-list{grid-template-columns:1fr;gap:8px}.feature-panel h3{margin-bottom:14px;font-size:21px}.feature-list li{border-radius:14px;gap:10px;min-height:58px;padding:12px 16px}.feature-list li span{border-radius:6px;width:19px;height:19px;font-size:11px}.feature-list li strong{font-size:13px;line-height:1.2}.site-footer{flex-direction:column;align-items:flex-start}.legal-links{justify-content:flex-start}}
