:root{--bg:#f6f5f2;--ink:#171717;--muted:#6b6b6b;--accent:#8a765d;--line:#ddd9d2;--dark:#0b0b0d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}button{font:inherit;border:0;background:none;cursor:pointer}.nav{position:fixed;z-index:10;top:0;left:0;right:0;height:72px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(246,245,242,.82);backdrop-filter:blur(14px);transition:.3s}.nav.scrolled{box-shadow:0 6px 20px rgba(0,0,0,.07)}.logo{font-family:Manrope;font-weight:700;font-size:20px;display:flex;align-items:center;gap:8px}.paw{font-size:25px;transform:rotate(-15deg);display:inline-block}.desktop-nav{display:flex;gap:30px;font-size:13px}.desktop-nav a{padding:25px 0;position:relative}.desktop-nav a.active:after{content:"";position:absolute;bottom:16px;left:0;right:0;height:2px;background:var(--ink)}.nav-actions{display:flex;align-items:center;gap:14px}.icon-btn{font-size:21px;line-height:1;color:var(--ink)}.bag{position:relative}.bag b{font-size:9px;position:absolute;top:-8px;right:-7px;background:var(--accent);color:#fff;border-radius:50%;height:15px;width:15px;display:grid;place-items:center}.lang{font-size:11px;border-left:1px solid var(--line);padding-left:14px}.menu-toggle{display:none;font-size:22px}.mobile-menu{display:none}.hero{min-height:100vh;padding:150px 8vw 80px;display:grid;grid-template-columns: .9fr 1.1fr;gap:40px;align-items:center;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:.14em;color:var(--accent);font-weight:700}.hero h1{font-family:Manrope;font-size:clamp(48px,6vw,88px);line-height:.98;letter-spacing:-3px;margin:24px 0}.hero h1 em,.capacity h2 em,h2 em,h3 em{font-style:normal;color:var(--accent)}p{color:var(--muted);line-height:1.65}.hero-copy>p{max-width:430px;font-size:16px}.hero-points{display:flex;gap:18px;margin:30px 0;font-size:19px}.hero-points span{display:flex;align-items:center;gap:6px}.hero-points small{font-size:10px;color:var(--muted);font-weight:500}.hero-cta{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;gap:24px;padding:15px 22px;border-radius:30px;font-size:13px;font-weight:600;transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.12)}.btn.dark{background:var(--ink);color:#fff}.btn.light{border:1px solid #a7a29a}.hero-media{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center}.hero-media:before{content:"";position:absolute;inset:7% 0;background:linear-gradient(130deg,#e7e3dd,#d9d3ca);border-radius:36% 36% 12% 12%;transform:rotate(-3deg)}.hero-media img{position:relative;width:68%;max-height:610px;object-fit:cover;object-position:53% center;border-radius:24px;box-shadow:0 30px 55px rgba(43,33,23,.2);filter:saturate(.8)}.media-glow{position:absolute;width:55%;height:55%;background:#fff;filter:blur(80px);opacity:.45}.hero-note{position:absolute;bottom:5%;right:3%;font-size:11px;color:var(--muted);text-align:right}.hero-note span{display:block;color:var(--accent);margin-top:4px}.trust{max-width:1100px;margin:0 auto 100px;padding:28px 35px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;background:#fff;border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,.04)}.trust-item{border-right:1px solid var(--line);padding-right:15px}.trust-item:last-child{border:0}.trust-item strong,.trust-item span{display:block}.trust-item strong{font-size:13px}.trust-item span{color:var(--muted);font-size:11px;margin-top:8px;line-height:1.4}.app-section{padding:60px 10vw 130px;display:grid;grid-template-columns:1fr 1.05fr;gap:90px;align-items:center;background:#fff}.phone-wrap{display:flex;justify-content:center}.phone{width:270px;height:550px;background:#111;border:7px solid #111;border-radius:36px;padding:8px;box-shadow:0 25px 50px rgba(0,0,0,.2);transform:rotate(-3deg)}.phone-top{height:20px;width:90px;background:#111;border-radius:0 0 14px 14px;margin:-8px auto 5px;position:relative;z-index:2}.app-screen{background:#f6f6f4;border-radius:24px;height:100%;overflow:hidden}.app-head{padding:16px 14px;font-size:12px;font-weight:700;display:flex;justify-content:space-between}.live{position:relative;height:170px;overflow:hidden}.live img{width:100%;height:100%;object-fit:cover;object-position:60% center}.live span{position:absolute;top:10px;left:10px;color:#fff;background:#1b1b1b;padding:4px 7px;border-radius:4px;font-size:8px}.app-row,.meal-grid,.app-list{padding:13px 14px;display:flex;justify-content:space-between;font-size:10px}.app-row span{color:var(--muted)}.meal-grid{gap:4px;justify-content:flex-start}.meal-grid i{font-style:normal;background:#fff;padding:6px 7px;border-radius:6px;color:var(--muted)}.feed-now{margin:5px 14px;width:calc(100% - 28px);padding:11px;background:var(--ink);color:#fff;border-radius:8px;font-size:11px}.app-list{display:block;padding-top:8px}.app-list span{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #e4e3df}.app-list b{color:var(--accent)}h2{font-family:Manrope;font-size:clamp(34px,4vw,57px);line-height:1.05;letter-spacing:-2px;margin:18px 0}.app-copy>p{max-width:430px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:35px 0}.feature-list b,.feature-list span{display:block}.feature-list b{font-size:13px}.feature-list span{font-size:11px;color:var(--muted);margin-top:5px}.store-buttons{display:flex;gap:10px}.store-buttons button{background:var(--ink);color:#fff;padding:10px 14px;border-radius:7px;font-size:11px}.camera-section{background:var(--dark);color:#fff;min-height:600px;padding:90px 10vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.camera-copy p{color:#aaa;max-width:390px}.camera-stats{display:flex;gap:32px;margin-top:40px}.camera-stats span{font-size:10px;color:#999}.camera-stats b{display:block;color:#fff;font-size:18px;margin-bottom:7px}.lens{height:470px;display:grid;place-items:center;position:relative}.lens:before{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#3e454e 0,#111217 35%,#050506 65%);box-shadow:0 0 80px rgba(44,108,160,.15)}.lens-ring{position:relative;width:220px;height:220px;border-radius:50%;border:20px solid #16181c;box-shadow:0 0 0 2px #343840,0 0 50px rgba(49,133,203,.45);display:grid;place-items:center}.lens-core{width:105px;height:105px;border-radius:50%;background:radial-gradient(circle at 42% 35%,#96c8e8 0 4%,#0d2741 14%,#020508 55%);box-shadow:0 0 35px #2575b5}.lens>span{position:absolute;top:12%;font-size:13px;color:#bbb}.capacity{padding:130px 12vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.capacity h2{font-size:58px}.capacity-copy>p{max-width:350px}.food-size{margin-top:45px}.food-size b,.food-size strong{display:block}.food-size strong{font-size:27px;margin-top:6px}.pellets{display:flex;align-items:end;gap:12px;margin-top:18px}.pellets i{display:block;border-radius:50%;background:#8b6c4b}.pellets i:nth-child(1){width:10px;height:10px}.pellets i:nth-child(2){width:14px;height:14px}.pellets i:nth-child(3){width:18px;height:18px}.pellets i:nth-child(4){width:24px;height:24px}.pellets i:nth-child(5){width:30px;height:30px}.pellets i:nth-child(6){width:36px;height:36px}.hopper{width:310px;height:470px;margin:auto;position:relative}.hopper-lid{height:45px;width:220px;background:#fefefe;border-radius:50%;margin:auto;box-shadow:0 10px 14px #ccc}.hopper-body{height:330px;width:230px;margin:-4px auto 0;background:linear-gradient(90deg,#888,#d0d0ce 48%,#737373);border-radius:18px 18px 35px 35px;position:relative;overflow:hidden;box-shadow:inset 0 8px 14px rgba(255,255,255,.45),0 20px 28px rgba(0,0,0,.16)}.hopper-body:after{content:"";position:absolute;inset:15% 10%;background:radial-gradient(circle,#65472d 0 8%,transparent 9%) 0 0/25px 22px;opacity:.9}.hopper-base{height:110px;width:260px;margin:-5px auto;background:#f4f4f2;border-radius:20px 20px 55px 55px;box-shadow:0 20px 24px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;font:700 24px Manrope;color:#777}.scenes{display:grid;grid-template-columns:1fr 1fr}.scene{height:470px;background-size:cover;background-position:center;display:flex;align-items:end;padding:50px;color:#fff;position:relative}.scene:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent 65%)}.scene>div{position:relative;z-index:1}.scene-cat{background-image:url('assets/reference-home.png');background-position:30% center}.scene-phone{background-image:url('assets/feeder-real.jpg');background-position:76% center}.scene h3{font:600 33px Manrope;line-height:1.08;margin:15px 0}.scene .eyebrow{color:#e7d8c5}.scene a{font-size:12px;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:4px}.how,.specs,.reviews{padding:130px 10vw}.section-intro{margin-bottom:55px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.step{padding:0 35px;border-left:1px solid var(--line)}.step:first-child{padding-left:0;border-left:0}.step span{font:700 14px Manrope;color:var(--accent)}.step h3{font:600 19px Manrope;margin:28px 0 8px}.step p{font-size:13px}.specs{background:#eeece7}.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.spec-grid div{background:#f5f4f0;padding:28px 22px;min-height:112px}.spec-grid span,.spec-grid b{display:block}.spec-grid span{font-size:11px;color:var(--muted);margin-bottom:15px}.spec-grid b{font:600 16px Manrope}.reviews{background:#fff}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-grid article{background:var(--bg);padding:30px;border-radius:14px}.avatar{width:38px;height:38px;border-radius:50%;background:#d4c5b5;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700}.review-grid p{color:var(--ink);font:500 17px Manrope;line-height:1.4;margin:25px 0 30px}.review-grid strong,.review-grid article>span{display:block;font-size:11px}.review-grid article>span{color:var(--muted);margin-top:5px}.final-cta{min-height:620px;background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.05)),url('assets/reference-home.png') center/cover;display:flex;align-items:center;padding:80px 10vw;color:#fff}.final-cta p{color:#e5e2dc;max-width:380px}.final-cta .eyebrow{color:#e8d9c8}.final-cta h2{font-size:clamp(38px,5vw,68px)}footer{background:#171717;color:#fff;padding:70px 8vw 25px}.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.5fr;gap:30px;padding-bottom:65px}.footer-top p{color:#999;font-size:12px}.footer-links{display:flex;flex-direction:column;gap:14px;font-size:12px;color:#bbb}.newsletter{font-size:12px;color:#bbb}.newsletter div{display:flex;border-bottom:1px solid #555;margin-top:18px}.newsletter input{background:none;border:0;padding:10px 0;color:#fff;outline:none;flex:1;font:inherit}.newsletter button{color:#fff;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #333;padding-top:22px;color:#777;font-size:10px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:13px 20px;border-radius:25px;font-size:12px;opacity:0;pointer-events:none;transition:.3s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.desktop-nav{display:none}.menu-toggle{display:block}.mobile-menu{position:fixed;z-index:9;top:72px;left:0;right:0;background:rgba(246,245,242,.97);padding:25px;display:none;flex-direction:column;gap:20px;font-size:14px}.mobile-menu.open{display:flex}.hero{grid-template-columns:1fr;padding:125px 7vw 60px}.hero-media{order:-1;min-height:390px}.hero-media img{width:72%;height:390px}.hero-copy{text-align:center}.hero-copy>p{margin:0 auto}.hero-points{justify-content:center;flex-wrap:wrap}.hero-cta{justify-content:center}.trust{margin:0 5vw 70px;grid-template-columns:1fr 1fr;padding:24px}.trust-item:nth-child(2){border:0}.app-section,.camera-section,.capacity{grid-template-columns:1fr;gap:50px;padding:85px 7vw}.app-copy{text-align:center}.feature-list{max-width:550px;margin:30px auto}.store-buttons{justify-content:center}.camera-copy{text-align:center}.camera-copy p{margin:0 auto}.camera-stats{justify-content:center}.lens{height:360px}.capacity-copy{text-align:center}.capacity-copy>p{margin:0 auto}.food-size{text-align:left;max-width:350px;margin:40px auto 0}.scenes{grid-template-columns:1fr}.scene{height:400px}.how,.specs,.reviews{padding:90px 7vw}.spec-grid{grid-template-columns:1fr 1fr}.review-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}.newsletter{grid-column:1/-1}}
@media(max-width:560px){.nav{padding:0 5vw}.lang{display:none}.hero h1{font-size:50px;letter-spacing:-2px}.hero-media{min-height:330px}.hero-media img{height:330px;width:83%}.hero-note{bottom:0;right:0}.hero-points{gap:13px}.hero-points small{font-size:9px}.trust{grid-template-columns:1fr}.trust-item{border-right:0;border-bottom:1px solid var(--line);padding:0 0 16px}.trust-item:last-child{border-bottom:0}.phone{width:235px;height:485px}.camera-section{padding-left:6vw;padding-right:6vw}.camera-stats{gap:18px}.camera-stats b{font-size:15px}.capacity h2{font-size:47px}.hopper{transform:scale(.86);margin-top:-25px}.scene{padding:35px}.scene h3{font-size:28px}.steps{grid-template-columns:1fr;gap:34px}.step{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.step:first-child{border-top:0;padding-top:0}.spec-grid{grid-template-columns:1fr 1fr}.spec-grid div{padding:22px 15px}.spec-grid b{font-size:13px}.footer-top{grid-template-columns:1fr}.newsletter{grid-column:auto}.footer-bottom{flex-direction:column;gap:10px}}
.hero-media img{height:560px;object-position:79% center}
@media(max-width:900px){.hero-media img{height:390px}}
@media(max-width:560px){.hero-media img{height:330px}}