/* Shared design and motion system for all six locales, including support and legal pages. */
:root{--bg:#f8f7f2;--ink:#143c36;--ink-soft:#244e46;--muted:#62716b;--lime:#d9f886;--max:1200px}
html{scroll-padding-top:100px}body{background:var(--bg)}button,input,summary{-webkit-tap-highlight-color:transparent}button{font-family:inherit}a,button,summary{touch-action:manipulation}:focus-visible{outline:3px solid #087d79;outline-offset:5px}[hidden]{display:none!important}
.site-header{background:#f8f7f2ed;border-bottom:1px solid #143c360a}.nav{min-height:80px}.brand-name{font-size:27px;letter-spacing:-1.4px}.brand-mark{box-shadow:none}.nav-cta{background:var(--ink);border-radius:30px;box-shadow:none}.language-options{z-index:70}.site-footer{background:var(--bg)}.footer-links{line-height:1.8}.button,.nav-cta,.demo-button,.invite-button{transition:transform .2s,box-shadow .2s}.button:hover,.nav-cta:hover,.demo-button:hover,.invite-button:hover{transform:translateY(-3px);box-shadow:0 9px 25px #143c361c}
.rive-mascot{position:relative;display:block;width:200px;height:200px;pointer-events:none}.rive-mascot img,.rive-mascot canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.rive-mascot canvas{opacity:0}.rive-mascot.rive-ready canvas{opacity:1}.rive-mascot.rive-ready img{opacity:0}
.home-redesign .hero-editorial h1{font-size:clamp(72px,7.6vw,110px);line-height:.98}.hero-editorial .start-note{display:inline-block;text-decoration:none;font-weight:600;margin-top:22px}.hero-editorial .start-note span{font-size:20px;vertical-align:-2px}.product-world{min-height:620px}.meal-sticker{top:105px;max-width:220px}.sticker-star{font-size:35px!important;color:#318271!important}.mascot-hello{width:250px;height:250px;right:-30px;bottom:95px;animation:none}.mascot-hello>.rive-mascot{width:100%;height:100%}.mascot-hello .mascot-bubble{top:8px;right:32px}.mascot-hello .rive-mascot{background:none;padding:0;transform:none}.world-spark{animation:spark-turn 16s linear infinite}.orbit-one{animation:orbit-breathe 9s ease-in-out infinite}.orbit-two{animation:orbit-breathe 12s ease-in-out infinite reverse}.showcase-phone::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:#1fd9bd;box-shadow:0 0 20px #1fd9bd;opacity:0;pointer-events:none}.showcase-phone.scan-selected::after{animation:phone-scan 2.2s ease-in-out 2}
.no-ads{background:#143c36;color:#f8f7f2;padding:70px 0;overflow:hidden}.promise-layout{display:grid;grid-template-columns:300px 1fr;gap:70px;align-items:center}.no-ads h2{color:#f8f7f2;font-size:clamp(34px,4.1vw,57px)}.no-ads p:not(.eyebrow){max-width:550px;color:#c5d8ce;font-size:17px;line-height:1.65;margin-bottom:0}.no-ads .eyebrow{color:#d9f886}.promise-seal{width:225px;height:225px;border:1px solid #d9f88666;border-radius:50%;position:relative;display:grid;place-content:center;text-align:center;transform:rotate(-10deg)}.promise-seal>span{font-size:130px;line-height:1;font-weight:750;letter-spacing:-.1em;padding-right:12px;color:#d9f886}.promise-seal>small{letter-spacing:8px;font-size:14px;padding-left:8px;color:#d9f886}.promise-seal .rive-mascot{position:absolute;bottom:-55px;right:-110px;width:200px;height:200px;transform:rotate(10deg)}
.demo-section{padding-bottom:70px!important}.demo-section>.container>.section-head{max-width:none;text-align:center;margin-bottom:50px}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.demo-card{border-radius:32px;padding:38px;background:#e8eddc;overflow:hidden;position:relative}.scan-demo{background:#eee3d4}.demo-index{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#5d7461;display:block;margin-bottom:24px}.demo-heading h3{font-size:clamp(30px,3.2vw,43px);font-weight:650;line-height:1.06;letter-spacing:-.045em}.demo-heading p{font-size:15px;line-height:1.65;color:#5d6d62;max-width:410px;min-height:74px;margin-bottom:20px}.day-stage,.scan-stage{height:355px;position:relative;margin:25px 0}.message-bubble{position:relative;z-index:2;background:#fffdf8;padding:22px 24px;max-width:90%;border-radius:24px 24px 24px 4px;font-size:15px;line-height:1.6;box-shadow:0 6px 15px #143c3608}.demo-mascot{position:absolute;right:-65px;top:30px;width:200px;height:200px;z-index:3}.meal-results{position:absolute;left:12px;right:20px;bottom:0;display:grid;gap:9px}.meal-row{display:flex;align-items:center;gap:13px;padding:13px 16px;background:#fffdf8;border-radius:14px;box-shadow:0 5px 15px #143c3607;transition:transform .55s,opacity .55s}.meal-row>span{font-size:21px;color:#709064;width:26px}.meal-row>div{flex:1}.meal-row small{font-size:10px;color:#6b7d6b;display:block}.meal-row strong{display:block;font-size:13px;font-weight:600}.meal-row>b{font-size:13px;color:#318271}.day-demo.running .meal-row{opacity:0;transform:translateY(16px) scale(.96)}.day-demo.complete .meal-row:nth-child(2){transition-delay:.15s}.day-demo.complete .meal-row:nth-child(3){transition-delay:.3s}.day-demo.running .message-bubble{animation:message-pulse 1.2s ease-in-out infinite}
.scan-stage{display:grid;place-items:center}.scan-view{position:relative;width:290px;height:290px;border-radius:30px;overflow:hidden;background:#3d4e38;transform:rotate(3deg);box-shadow:0 18px 30px #67422318}.scan-view>img{width:100%;height:100%;object-fit:cover;filter:brightness(.85);transition:filter .5s,transform 2.3s}.scan-brackets{position:absolute;inset:25px;border:1px solid #fff7;border-radius:17px}.scan-brackets::before,.scan-brackets::after{content:'';position:absolute;inset:-2px;border:3px solid #d9f886;border-radius:18px;clip-path:polygon(0 0,24% 0,24% 3%,3% 3%,3% 24%,0 24%,0 0,100% 100%,76% 100%,76% 97%,97% 97%,97% 76%,100% 76%,100% 100%)}.scan-line{position:absolute;left:15px;right:15px;top:15%;height:3px;background:#d9f886;box-shadow:0 -22px 25px 13px #d9f88633,0 0 14px #d9f886;opacity:0}.scan-target{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff9;font-size:32px}.running .scan-line{opacity:1;animation:scan-sweep 1.2s ease-in-out 2}.running .scan-view>img{transform:scale(1.07)}.scan-mascot{position:absolute;left:-55px;bottom:-7px;z-index:3;width:185px;height:185px}.scan-result{position:absolute;bottom:5px;right:0;display:flex;align-items:center;gap:12px;background:#fffdf8;box-shadow:0 10px 25px #143c3612;padding:18px;border-radius:18px;transition:transform .5s,opacity .5s;z-index:4}.scan-result>span{color:#318271;font-size:26px}.scan-result strong{font-size:14px;display:block}.scan-result small{font-size:10px;color:#617368;display:block;margin-top:4px}.scan-result>b{color:#318271;font-size:14px}.scan-demo.running .scan-result{opacity:0;transform:translateY(20px)}.scan-demo.complete .scan-view>img{filter:brightness(1)}
.demo-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-button{padding:14px 19px;border-radius:30px;border:0;background:#143c36;color:white;cursor:pointer;font-size:12px;font-weight:600}.demo-button:disabled{opacity:.7;cursor:wait}.demo-controls>small{font-size:9px;color:#5e6b5b;text-align:right}.demo-status{min-height:18px;font-size:11px;color:#496c52;margin:12px 0 0}.everyday-section{padding-top:25px!important}.everyday-section .container{display:grid;grid-template-columns:.8fr 1.6fr;gap:55px}.everyday-section .section-head{margin:0}.everyday-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.everyday-icon{display:block;font-size:32px;color:#3b806b;margin-bottom:24px}.everyday-grid h3{font-size:20px;font-weight:650;line-height:1.2}.everyday-grid p{font-size:14px;color:var(--muted);line-height:1.6}.pro-simple{background:#e1eccc}.pro-simple>.container{display:flex;align-items:center;justify-content:space-between;gap:30px}.pro-simple p:not(.eyebrow){max-width:530px;color:#5d6d62;line-height:1.7;font-size:17px}.pro-simple small{font-size:12px;color:#5d6d62}.pro-mascot{width:300px;height:300px;flex-shrink:0}.short-faq .container{display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.short-faq .section-head h2{font-size:42px;margin-bottom:25px}.short-faq .section-head{margin:0}.faq-card{background:transparent;border:0;border-bottom:1px solid #143c3620;border-radius:0;padding:22px 0;box-shadow:none}.faq-card summary{font-weight:600;font-size:17px;padding-right:30px}.faq-card p{font-size:15px;line-height:1.7}.faq-card[open]{background:transparent}.final-invite{text-align:center;background:#143c36;color:white;padding:0 0 85px;overflow:hidden}.final-invite .container{position:relative;padding-top:95px}.final-invite h2{color:#f8f7f2;font-size:clamp(42px,5.5vw,72px);max-width:900px;margin:auto}.final-mascot{position:absolute;width:210px;height:210px;right:0;top:0}.invite-button{display:inline-flex;gap:35px;padding:18px 27px;border-radius:40px;background:var(--lime);color:#143c36;text-decoration:none;font-weight:650;font-size:14px;margin-top:35px}.motion-toggle{border:0;background:none;padding:8px 0;color:#60736e;cursor:pointer;font-size:11px;justify-self:start}.back-to-top{position:fixed;right:24px;bottom:max(22px,env(safe-area-inset-bottom));z-index:45;border:1px solid #ffffff60;background:#143c36;color:#f8f7f2;border-radius:40px;box-shadow:0 6px 24px #143c3625;display:flex;align-items:center;gap:9px;padding:10px 16px 10px 10px;cursor:pointer;font-size:11px}.back-to-top>span:first-child{display:grid;place-items:center;font-size:21px;width:32px;height:32px;border-radius:50%;background:conic-gradient(#d9f886 var(--progress),#ffffff25 0);color:#143c36}.back-to-top>span:first-child::first-letter{background:#143c36}body:has(.cookie-consent:not([hidden])) .back-to-top{display:none}
.inner-page .container{width:min(1080px,calc(100% - 64px))}.inner-page main>.container:first-child{font-size:11px;color:var(--muted);padding-top:14px}.inner-page main>.container:first-child a{text-decoration:none}.inner-page .page-hero{padding:58px 0 55px;background:var(--bg)}.inner-page .page-hero .container{position:relative;padding-right:200px;min-height:160px}.inner-page .page-hero h1{font-size:clamp(40px,5.5vw,70px);letter-spacing:-.055em;line-height:1.05;font-weight:650}.inner-page .page-hero .legal-intro{font-size:17px;line-height:1.65;color:var(--muted);max-width:730px}.page-mascot{position:absolute;right:-25px;top:-30px;width:240px;height:240px}.inner-page .band{padding:35px 0 80px;background:var(--bg)}.inner-page .legal-content{max-width:900px;background:#fffefa;padding:36px 48px;border:1px solid #143c3610;border-radius:28px}.inner-page .legal-content h2{font-size:27px;font-weight:650;margin:35px 0 15px;line-height:1.2;scroll-margin-top:110px}.inner-page .legal-content h3{font-size:20px;line-height:1.35}.inner-page .legal-content p,.inner-page .legal-content li{font-size:15px;line-height:1.85;color:#53675e}.inner-page .legal-content a{color:#177e70;text-underline-offset:3px;overflow-wrap:anywhere}.inner-page .legal-content table{display:block;max-width:100%;overflow:auto}.inner-page .article-meta{font-size:11px}.inner-page .guide-disclaimer{font-size:13px;line-height:1.7;border:0;border-left:3px solid #a8bf86;border-radius:0;background:#edf1e5;padding:20px}.page-index{background:#eaf0de;padding:16px 20px;border-radius:15px;margin-bottom:30px}.page-index summary{cursor:pointer;font-size:13px;font-weight:600}.page-index nav{display:grid;gap:10px;padding-top:18px}.page-index nav a{font-size:13px;text-decoration:none}.faq-search{display:grid;gap:10px;font-size:12px;color:var(--muted);margin-bottom:25px}.faq-search input{font:inherit;font-size:16px;padding:18px 22px;border:1px solid #143c3620;border-radius:15px;background:#fffefa;color:#143c36;max-width:650px;width:100%;appearance:none}.inner-page .faq-list{max-width:850px;margin:auto}.inner-page .faq-search{max-width:850px;margin-left:auto;margin-right:auto}.inner-page .faq-card{padding:24px 0}.inner-page .faq-card summary{font-size:19px}.inner-page .faq-card p{max-width:760px}.download-body{background:#f8f7f2}.download-card{background:#fffefa;box-shadow:none;border:1px solid #143c3610;border-radius:32px;overflow:visible}.download-details{position:relative}.download-mascot{position:absolute;right:-10px;top:-80px;width:190px;height:190px}.download-qr-panel{background:#e2edcd;border-radius:25px}.download-logo{width:65px;height:65px}.download-card h1{font-size:clamp(42px,4.5vw,64px);font-weight:650;letter-spacing:-.055em}.download-description{font-size:17px!important}.download-main{padding-top:70px}
@keyframes scan-sweep{0%{top:15%;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:85%;opacity:0}}@keyframes phone-scan{0%{top:10%;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:85%;opacity:0}}@keyframes spark-turn{to{transform:rotate(360deg)}}@keyframes orbit-breathe{50%{scale:1.07}}@keyframes message-pulse{50%{transform:translateY(-4px)}}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important;transition-duration:0s!important}.motion-paused .scan-line{opacity:0}
@media(max-width:1000px){.demo-card{padding:28px}.demo-heading p{min-height:100px}.promise-layout{gap:40px;grid-template-columns:250px 1fr}.everyday-section .container{grid-template-columns:1fr;gap:30px}.short-faq .container{gap:35px}.final-mascot{right:-50px;top:-10px;width:170px;height:170px}.home-redesign .hero-editorial h1{font-size:clamp(68px,8vw,90px)}.scan-view{width:250px;height:270px}.scan-result{padding:14px;right:-10px}.scan-mascot{left:-55px;bottom:25px}.message-bubble{font-size:14px;padding:18px}.demo-mascot{right:-55px;top:70px;width:160px;height:160px}.meal-results{left:0;right:0}.meal-row{padding:12px}}
@media(max-width:800px){.promise-layout{grid-template-columns:1fr;gap:35px}.promise-seal{width:130px;height:130px;margin:0 auto 0 calc(50% - 90px)}.promise-seal>span{font-size:74px}.promise-seal>small{font-size:10px;letter-spacing:5px}.promise-seal .rive-mascot{width:150px;height:150px;bottom:-28px;right:-100px}.no-ads{padding:45px 0 50px}.no-ads h2{font-size:40px}.no-ads p:not(.eyebrow){font-size:15px}.no-ads .promise-layout>div:last-child{text-align:center}.no-ads .promise-layout>div:last-child>p{margin-left:auto;margin-right:auto}.demo-grid{grid-template-columns:1fr}.demo-heading p{min-height:0}.demo-card{padding:30px}.demo-heading h3{font-size:37px}.day-stage,.scan-stage{height:345px;max-width:440px;margin:25px auto}.demo-mascot{right:-30px;top:15px;width:190px;height:190px}.message-bubble{max-width:85%}.scan-view{width:280px;height:280px}.scan-result{right:0}.scan-mascot{left:-30px;bottom:-10px}.everyday-grid{gap:20px}.everyday-grid h3{font-size:17px}.everyday-grid p{font-size:13px}.pro-simple>.container{position:relative;padding-bottom:110px}.pro-simple h2{font-size:39px}.pro-simple p:not(.eyebrow){font-size:15px}.pro-mascot{position:absolute;right:-30px;bottom:-50px;width:210px;height:210px}.short-faq .container{grid-template-columns:1fr;gap:20px}.short-faq .section-head h2{font-size:36px}.final-invite .container{padding-top:135px}.final-mascot{top:-25px;left:calc(50% - 100px);right:auto;width:200px;height:200px}.final-invite{padding-bottom:60px}.inner-page .nav-links>a:not(.nav-cta){display:none}.inner-page .nav{width:calc(100% - 32px);min-height:72px}.inner-page .nav-links{gap:14px}.inner-page .nav-cta{font-size:12px;padding:11px 16px}.inner-page .container{width:calc(100% - 40px)}.inner-page .page-hero{padding:25px 0 20px}.inner-page .page-hero .container{padding-right:0;padding-top:75px;min-height:0}.page-mascot{top:-65px;right:-25px;width:170px;height:170px}.inner-page .page-hero h1{font-size:43px}.inner-page .page-hero .legal-intro{font-size:15px}.inner-page .legal-content{padding:24px;border-radius:20px}.inner-page .legal-content h2{font-size:24px}.inner-page .legal-content p,.inner-page .legal-content li{font-size:14px}.back-to-top{right:14px;bottom:max(14px,env(safe-area-inset-bottom));padding:8px 13px 8px 8px;font-size:10px}.download-card{padding:25px}.download-mascot{right:-30px;top:-60px;width:160px;height:160px}.download-qr-panel{padding:25px}.home-redesign .product-world{min-height:600px}}
@media(max-width:440px){.home-redesign .hero-editorial h1{font-size:68px}.home-redesign .hero-description{max-width:310px}.home-redesign .product-world{min-height:565px}.mascot-hello{right:-40px;bottom:100px;width:220px;height:220px}.mascot-hello .mascot-bubble{right:35px;top:10px}.meal-sticker{max-width:180px;top:85px}.no-ads h2{font-size:34px}.demo-card{padding:24px}.demo-heading h3{font-size:33px}.demo-heading p{font-size:14px}.day-stage{height:365px}.message-bubble{font-size:13px;max-width:90%;padding:16px}.demo-mascot{top:60px;right:-45px;width:160px;height:160px}.meal-row strong{font-size:12px}.scan-view{width:245px;height:270px}.scan-result{right:-6px;padding:13px;gap:7px}.scan-result strong{font-size:13px}.scan-result small{font-size:9px}.scan-mascot{left:-50px;bottom:25px;width:160px;height:160px}.demo-controls{gap:8px}.demo-button{font-size:11px;padding:13px 15px}.demo-controls>small{font-size:8px;max-width:70px}.everyday-grid{grid-template-columns:1fr;gap:0}.everyday-grid article{display:grid;grid-template-columns:40px 1fr;gap:0 15px;padding:20px 0;border-top:1px solid #143c3620}.everyday-icon{grid-row:1/3;margin:0}.everyday-grid p{margin:8px 0 0}.everyday-grid h3{font-size:20px}.inner-page .page-hero h1{font-size:38px}.inner-page .faq-card summary{font-size:17px}.inner-page .nav{gap:12px}.inner-page .brand-mark{width:30px;height:30px}.inner-page .brand-name{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
@media(max-width:800px){.home-redesign .nav-cta,.inner-page .nav-cta{display:inline-flex;white-space:nowrap}.nav-links{margin-left:auto}}
@media(max-width:360px){.home-redesign .nav-cta,.inner-page .nav-cta{font-size:10px;padding:10px}.home-redesign .hero-editorial h1{font-size:58px}}
html[lang=de] .hero-editorial h1,html[lang=fr] .hero-editorial h1{font-size:clamp(60px,6.4vw,90px)}
@media(max-width:440px){html[lang=de] .hero-editorial h1,html[lang=fr] .hero-editorial h1{font-size:53px}}
.promise-seal>small{max-width:150px;letter-spacing:1.4px;text-transform:uppercase;line-height:1.4;margin:auto;padding-left:0;font-size:10px}.scan-result small{line-height:1.6;white-space:nowrap}.back-to-top>span:first-child{background:radial-gradient(circle,#d9f886 58%,transparent 62%),conic-gradient(#d9f886 var(--progress),#ffffff25 0)}
@media(max-width:800px){.promise-seal>small{font-size:8px;max-width:100px;letter-spacing:.7px}}
/* Approved campaign headline: balanced for longer, localized copy. */
.home-redesign .hero-editorial h1{font-size:clamp(50px,4.9vw,72px);line-height:1.04;letter-spacing:-.055em}
.hero-benefits{font-size:18px;line-height:1.5;font-weight:600;color:#244e46;margin:25px 0 0;max-width:490px}
.hero-editorial .hero-description{font-size:15px;line-height:1.65;max-width:430px;margin:17px 0 25px}
html[lang=de] .hero-editorial h1,html[lang=fr] .hero-editorial h1{font-size:clamp(44px,4.1vw,63px)}
@media(max-width:800px){.hero-benefits{margin:22px auto 0;font-size:17px}.hero-editorial .hero-description{margin:16px auto 24px}.home-redesign .hero-editorial h1{font-size:clamp(44px,8vw,67px)}html[lang=de] .hero-editorial h1,html[lang=fr] .hero-editorial h1{font-size:clamp(38px,7vw,60px)}}
@media(max-width:440px){.home-redesign .hero-editorial h1{font-size:43px}.hero-benefits{font-size:15px}.hero-editorial .hero-description{font-size:14px}html[lang=de] .hero-editorial h1,html[lang=fr] .hero-editorial h1{font-size:36px}}
@media(max-width:360px){.home-redesign .hero-editorial h1{font-size:37px}html[lang=de] .hero-editorial h1,html[lang=fr] .hero-editorial h1{font-size:31px}}