@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--cream:#f5f0e7;--paper:#fffdf8;--ink:#27332c;--muted:#7b8178;--olive:#63745a;--olive-dark:#42533f;--wood:#b8895f;--wood-dark:#795638;--line:#e5ded2;--shadow:0 18px 50px rgba(57,48,36,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 28px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:21px;letter-spacing:-.5px}.brand>span:last-child>span{color:var(--olive)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px 10px 10px 3px;background:var(--olive-dark);color:#fff;font-family:Georgia,serif;font-size:20px}nav{display:flex;align-items:center;gap:30px;font-size:14px;color:#5f675f}nav a:hover{color:var(--olive-dark)}.header-cta{padding:11px 18px;background:var(--olive-dark);color:white;border-radius:99px}.hero{max-width:1180px;margin:auto;min-height:590px;padding:70px 28px 80px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:70px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--olive);margin-bottom:18px}.eyebrow span{display:inline-block;width:7px;height:7px;background:var(--wood);border-radius:50%;margin-right:8px}.hero h1,.section h2,.cta-section h2{font-size:clamp(48px,6vw,76px);line-height:.98;letter-spacing:-3px;margin:0 0 25px}.hero h1 em,.section h2 em,.cta-section h2 em{font-family:"Playfair Display",serif;font-weight:600;color:var(--olive);letter-spacing:-2px}.hero-text{max-width:540px;font-size:18px;line-height:1.65;color:var(--muted)}.hero-actions{display:flex;gap:22px;align-items:center;margin:32px 0 20px}.primary-btn{display:inline-flex;gap:18px;align-items:center;background:var(--olive-dark);color:white;padding:16px 21px;border-radius:14px;font-weight:700;box-shadow:0 8px 20px rgba(66,83,63,.2)}.primary-btn b{font-size:19px}.text-btn{font-size:14px;font-weight:600;border-bottom:1px solid #aaa;padding-bottom:3px}.trust-row{display:flex;gap:20px;color:#788078;font-size:12px}.hero-visual{display:flex;justify-content:center}.wood-card{width:min(450px,100%);height:440px;border-radius:28px;background:linear-gradient(145deg,#c99b70,#a9774d);position:relative;box-shadow:0 25px 55px rgba(83,57,36,.18);overflow:hidden}.wood-card:before,.wood-card:after{content:"";position:absolute;left:-20%;width:140%;height:1px;background:rgba(255,255,255,.15);transform:rotate(-8deg)}.wood-card:before{top:32%}.wood-card:after{top:70%}.plate{position:absolute;width:270px;height:270px;border-radius:50%;background:#f8f3e9;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 22px 30px rgba(62,39,21,.25),inset 0 0 0 12px #eee7da}.plate-shadow{position:absolute;width:290px;height:80px;border-radius:50%;background:rgba(60,36,20,.22);left:50%;top:70%;transform:translate(-50%,-50%);filter:blur(12px)}.food{position:absolute;border-radius:50%}.food-1{width:110px;height:80px;background:#9d5f35;left:32px;top:45px;transform:rotate(-15deg);border-radius:48% 52% 45% 55%}.food-2{width:100px;height:100px;background:#75895d;right:38px;top:42px}.food-3{width:115px;height:78px;background:#d9a83f;left:28px;bottom:42px;border-radius:50% 45% 50% 45%}.food-4{width:88px;height:88px;background:#c96e55;right:43px;bottom:42px}.floating-tag{position:absolute;background:rgba(255,253,248,.95);padding:11px 15px;border-radius:13px;box-shadow:0 10px 25px rgba(45,32,21,.15);display:flex;flex-direction:column}.floating-tag strong{font-size:19px}.floating-tag small{font-size:10px;color:var(--muted)}.tag-kcal{top:65px;right:28px}.tag-protein{bottom:82px;left:28px}.wood-note{position:absolute;bottom:20px;right:24px;color:rgba(255,255,255,.8);font-family:"Playfair Display",serif;font-style:italic;font-size:14px}.stats-strip{background:var(--olive-dark);color:white;display:flex;justify-content:center;gap:100px;padding:24px}.stats-strip div{display:flex;align-items:baseline;gap:10px}.stats-strip strong{font-size:24px}.stats-strip span{font-size:12px;opacity:.72}.section{max-width:1180px;margin:auto;padding:105px 28px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.section-heading p{max-width:380px;color:var(--muted);line-height:1.65;margin:0 0 5px}.section-heading h2{font-size:52px}.analyzer-card{display:grid;grid-template-columns:1fr 1fr;background:var(--paper);border:1px solid var(--line);border-radius:25px;overflow:hidden;box-shadow:var(--shadow)}.upload-side{padding:25px;background:#ede4d6}.upload-zone{min-height:390px;border:1.5px dashed #bda98e;border-radius:19px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;cursor:pointer;background:rgba(255,253,248,.5)}#photoInput{display:none}.upload-icon{width:58px;height:58px;border-radius:17px;background:var(--olive);color:white;display:grid;place-items:center;font-size:30px;margin-bottom:18px}.upload-zone h3{margin:0 0 8px;font-size:22px}.upload-zone p{color:var(--muted);font-size:12px;margin:0 0 22px}.upload-btn{background:var(--ink);color:#fff;padding:11px 18px;border-radius:10px;font-size:13px;font-weight:600}.preview-wrap{position:relative}.preview-wrap img{width:100%;height:390px;object-fit:cover;border-radius:19px}.preview-wrap button{position:absolute;bottom:14px;left:14px;border:0;background:rgba(255,253,248,.94);padding:10px 15px;border-radius:10px;font-weight:600}.hidden{display:none!important}.result-side{padding:34px}.result-top{display:flex;justify-content:space-between;margin-bottom:35px}.result-label{font-size:10px;letter-spacing:1.7px;font-weight:700;color:var(--olive)}.counter{font-size:11px;color:var(--muted);background:#f1eee7;padding:7px 10px;border-radius:99px}.empty-result{text-align:center;padding:60px 20px}.result-dish{font-size:48px;margin-bottom:18px}.empty-result h3{margin:0 0 10px}.empty-result p{font-size:13px;line-height:1.6;color:var(--muted);max-width:330px;margin:auto}.calories{display:flex;align-items:baseline;gap:9px;border-bottom:1px solid var(--line);padding-bottom:20px}.calories strong{font-size:60px;letter-spacing:-3px}.calories span{color:var(--muted);font-size:12px}.macro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.macro-grid div{background:#f3efe7;padding:15px;border-radius:12px}.macro-grid strong{display:block;font-size:18px}.macro-grid span{font-size:10px;color:var(--muted)}.detected{display:flex;flex-direction:column;gap:7px;padding:17px 0;border-top:1px solid var(--line);font-size:13px}.detected span{color:var(--muted)}.disclaimer{display:block;color:#999;font-size:10px;line-height:1.5}.diary{padding-top:20px}.compact{margin-bottom:30px}.diary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.meal-card{background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:20px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.meal-card>span{font-size:25px}.meal-card small{font-size:9px;letter-spacing:1.2px;color:var(--olive);font-weight:700}.meal-card h3{font-size:14px;margin:5px 0 0}.meal-card>b{color:#aaa}.recipes{padding-top:60px}.recipes-heading{margin-bottom:30px}.filters{display:flex;gap:8px;overflow:auto;padding-bottom:20px}.filter{white-space:nowrap;border:1px solid var(--line);background:transparent;border-radius:99px;padding:10px 15px;font-size:12px;color:var(--muted);cursor:pointer}.filter.active,.filter:hover{background:var(--olive-dark);color:white;border-color:var(--olive-dark)}.recipe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.recipe-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .2s,box-shadow .2s}.recipe-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.recipe-photo{height:190px;display:grid;place-items:center;font-size:70px;position:relative}.photo-1{background:#e7d5b9}.photo-2{background:#cdd6b9}.photo-3{background:#ead1c8}.photo-4{background:#c7d1c0}.recipe-info{padding:17px}.recipe-info small{font-size:9px;color:var(--olive);font-weight:700;letter-spacing:1px}.recipe-info h3{margin:7px 0;font-size:18px}.recipe-info strong{font-size:12px}.recipe-info p{font-size:11px;color:var(--muted);margin:7px 0 0}.cta-section{max-width:1124px;margin:20px auto 90px;padding:60px 70px;border-radius:25px;background:var(--olive-dark);color:white;display:flex;align-items:center;justify-content:space-between}.cta-section h2{font-size:48px;margin:0}.cta-section h2 em{color:#d9dfc9}.primary-btn.light{background:#f8f3e9;color:var(--olive-dark);box-shadow:none}footer{background:#ebe4d9;padding:45px max(28px,calc((100% - 1124px)/2));display:flex;align-items:center;gap:30px;color:#777}footer p{font-size:11px;flex:1}.footer-links{display:flex;gap:20px;font-size:11px}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:40px;padding-top:45px}.hero-visual{order:-1}.wood-card{height:360px;max-width:390px}.plate{width:220px;height:220px}.stats-strip{gap:25px;justify-content:space-around}.stats-strip div{display:block;text-align:center}.stats-strip span{display:block}.analyzer-card{grid-template-columns:1fr}.diary-grid{grid-template-columns:repeat(2,1fr)}.recipe-grid{grid-template-columns:repeat(2,1fr)}.cta-section{margin:20px 28px 70px;padding:45px 35px;gap:30px}}@media(max-width:600px){.site-header{padding:0 18px;height:68px}nav a:not(.header-cta){display:none}.header-cta{padding:9px 13px}.hero{padding:38px 18px 55px}.hero h1{font-size:51px;letter-spacing:-2.5px}.hero-actions{align-items:stretch;flex-direction:column}.trust-row{flex-direction:column;gap:6px}.wood-card{height:320px}.stats-strip{padding:18px 10px}.stats-strip strong{font-size:19px}.stats-strip span{font-size:9px}.section{padding:70px 18px}.section-heading{display:block}.section-heading h2{font-size:42px;margin-bottom:20px}.analyzer-card{border-radius:18px}.upload-side{padding:13px}.upload-zone,.preview-wrap img{min-height:300px;height:300px}.result-side{padding:25px}.diary-grid{grid-template-columns:1fr}.recipe-grid{grid-template-columns:1fr 1fr}.recipe-photo{height:145px;font-size:52px}.recipe-info{padding:13px}.recipe-info h3{font-size:15px}.cta-section{margin:0 18px 55px;padding:35px 25px;display:block}.cta-section h2{font-size:40px;margin-bottom:28px}footer{padding:35px 18px;display:block}footer .brand{margin-bottom:15px}.footer-links{margin-top:20px}.floating-tag{padding:8px 11px}.tag-kcal{right:15px}.tag-protein{left:15px}}