:root{--y:#F7D84A;--g:#174B2C;--w:#fff;--ink:#202820;--muted:#687367;--line:#e7ecdf;--soft:#f8f9f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;font-family:Arial,'DM Sans',sans-serif;color:var(--ink)}a{color:inherit;text-decoration:none}.topline{background:var(--g);color:#fff;text-align:center;font-size:10px;letter-spacing:2px;padding:9px}.topline b{color:var(--y);padding:0 8px}header{height:78px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(12px);z-index:10;border-bottom:1px solid #174b2c12}.logo{font-size:23px;font-weight:800;color:var(--g);display:flex;align-items:center;gap:9px}.logo i{font-style:normal;background:var(--y);width:36px;height:36px;border-radius:10px;display:grid;place-items:center}nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}nav a:hover{color:var(--g)}.navbtn,.btn{background:var(--g);color:white;padding:14px 19px;border-radius:7px;display:inline-block;transition:.25s}.navbtn:hover,.btn:hover{background:#10371f;transform:translateY(-3px);color:white}.hamb{display:none;background:none;border:0;font-size:24px;color:var(--g)}.wrap{width:min(1120px,88%);margin:auto}label{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--g)}h1,h2{font-family:Arial,sans-serif;letter-spacing:-2px;line-height:1.08}em{font-style:normal;color:var(--g)}.hero{width:min(1120px,88%);margin:auto;min-height:600px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:65px 0}.hero h1{font-size:clamp(48px,6vw,72px);margin:24px 0}.lead{font-size:17px;line-height:1.8;color:var(--muted);max-width:470px}.under{font-size:13px;font-weight:700;margin-left:22px}.note{font-size:11px;color:var(--muted);margin-top:38px}.hero-art{height:470px;position:relative;display:grid;place-items:center}.sun{position:absolute;width:390px;height:390px;background:var(--y);border-radius:50%;right:6%}.phone{z-index:1;width:235px;height:430px;background:#202820;border:7px solid #202820;border-radius:32px;padding:8px;transform:rotate(3deg);box-shadow:0 30px 60px #20282030;position:relative}.notch{position:absolute;top:8px;left:40%;width:70px;height:14px;background:#202820;border-radius:0 0 10px 10px}.screen{height:100%;background:white;border-radius:23px;padding:22px 13px;overflow:hidden}.apptitle{display:block;color:var(--g);font-size:18px;margin-bottom:14px}.screen>small{display:block;color:#8a9287;font-size:9px}.screen>strong{font-size:11px}.search{background:#f1f4ed;padding:10px;border-radius:7px;font-size:10px;margin:14px 0}.banner{height:110px;background:var(--y);border-radius:10px;padding:13px;color:var(--g);font-size:25px;text-align:right}.banner small{display:block;text-align:left;font-size:7px;font-weight:bold;letter-spacing:1px}.banner h3{font-size:19px;line-height:1.1;text-align:left;margin:8px 0}.subhead{display:block;font-size:11px;margin:16px 0 9px}.cats{display:flex;justify-content:space-between;text-align:center}.cats span{font-size:19px}.cats small{display:block;font-size:7px;color:#667}.product{background:#f7f8f3;padding:10px;border-radius:8px;font-size:10px}.float{position:absolute;z-index:2;background:white;padding:13px 16px;border-radius:9px;box-shadow:0 12px 40px #174b2c20;font-size:10px;font-weight:bold}.f1{right:0;top:60px}.f2{left:0;bottom:55px}.strip{display:flex;justify-content:center;align-items:center;gap:75px;background:var(--soft);padding:25px}.strip div{display:grid;gap:5px}.strip b{color:var(--g);font-size:15px}.strip small{color:var(--muted);font-size:10px}.strip i{height:32px;border-left:1px solid #dfe5d9}.about{padding-top:110px;padding-bottom:110px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:80px}.columns h2,.app h2,.center h2,.contact h2{font-size:clamp(36px,4vw,50px);margin:20px 0}.columns p,.app p,.contact p,.center p{font-size:14px;line-height:1.9;color:var(--muted)}.app{background:var(--y);padding:70px 0}.appgrid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.illustration{height:340px;display:grid;place-items:center;position:relative}.orbit{position:absolute;width:300px;height:300px;border:1px solid #174b2c44;border-radius:50%}.bag{width:170px;height:170px;background:white;border-radius:42px;display:grid;place-items:center;font-size:82px;box-shadow:0 20px 45px #174b2c20;transform:rotate(-7deg)}.produce{position:absolute;background:white;border-radius:18px;padding:14px;font-size:30px;box-shadow:0 10px 30px #174b2c20}.p1{top:20px;left:20%}.p2{right:15%;top:55px}.p3{right:25%;bottom:20px}.app ul{list-style:none;padding:0;line-height:2.5;font-size:12px;font-weight:bold}.app li:first-letter{color:var(--g)}.hint{display:block;font-size:10px;margin-top:12px;color:#59664e}.values{padding-top:100px;padding-bottom:110px}.center{text-align:center;max-width:650px;margin:0 auto 45px}.center p{font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article{border:1px solid var(--line);border-radius:13px;padding:30px;transition:.3s}.cards article:hover{transform:translateY(-8px);box-shadow:0 18px 45px #174b2c18}.cards i{font-style:normal;background:#fbf0b9;color:var(--g);width:45px;height:45px;border-radius:12px;display:grid;place-items:center;font-size:22px}.cards h3{font-size:17px;margin:22px 0 8px}.cards p{font-size:12px;line-height:1.8;color:var(--muted)}.contact{background:var(--g);color:white;padding:85px 0}.contactgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.contact label{color:var(--y)}.contact h2 em{color:var(--y)}.contact p{color:#d0ddcf}.contactbox{background:white;color:var(--ink);border-radius:14px;padding:8px 25px}.contactbox a{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);transition:.2s}.contactbox a:last-child{border:0}.contactbox a:hover{padding-left:7px}.contactbox i{font-style:normal;background:#fbf2c8;color:var(--g);width:38px;height:38px;border-radius:10px;display:grid;place-items:center}.contactbox span{display:grid;gap:4px}.contactbox small{font-size:8px;letter-spacing:1.5px;color:#899187;font-weight:bold}.contactbox b{font-size:13px}.contactbox strong{margin-left:auto;color:var(--g)}footer{background:#102f1d;color:white;padding:35px 6% 20px}.footmain,.footbottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.footmain{padding-bottom:25px;border-bottom:1px solid #ffffff25}.footmain p,.footbottom{font-size:10px;color:#cbd6cb}.footmain>div{display:flex;gap:20px;font-size:11px}.footbottom{padding-top:18px}.footbottom span:nth-child(2){display:flex;gap:20px}.footbottom a:hover{color:var(--y)}.legal{padding-top:90px;padding-bottom:110px;min-height:70vh}.legal h1{font-size:58px;margin:20px 0}.legalbody{border-top:1px solid var(--line);padding-top:25px;margin-top:40px}.legalbody h2{font-size:18px;letter-spacing:-.4px;margin:30px 0 9px}.legalbody p{font-size:14px;line-height:1.9;color:#586358}.legalbody a{color:var(--g);text-decoration:underline}.legalbody small{display:block;margin-top:35px;color:#899187}.notice{background:#fff8d9;border-left:4px solid var(--y);padding:17px 20px;font-size:13px;line-height:1.7}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(max-width:800px){header{height:68px}.hamb{display:block}nav{display:none;position:absolute;top:68px;left:0;right:0;background:white;padding:24px 7%;box-shadow:0 15px 30px #174b2c18;flex-direction:column;align-items:stretch;gap:20px}nav.open{display:flex}.navbtn{text-align:center}.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{height:440px}.sun{width:340px;height:340px}.columns,.appgrid,.contactgrid{grid-template-columns:1fr;gap:35px}.about,.values{padding-top:75px;padding-bottom:75px}.appgrid{gap:25px}.cards{grid-template-columns:1fr}.contactgrid{gap:30px}.strip{gap:18px;justify-content:space-around}.strip b{font-size:12px}.strip small{font-size:8px}.footmain,.footbottom{flex-wrap:wrap}.footmain p{order:3;flex-basis:100%}.footbottom span:nth-child(2){order:3;flex-basis:100%;flex-wrap:wrap}.legal{padding-top:65px}}@media(max-width:440px){.hero h1{font-size:48px}.hero-art{height:400px}.sun{width:300px;height:300px}.phone{transform:scale(.9) rotate(3deg)}.f1{right:-5px}.f2{left:-5px}.strip{padding:20px 10px;gap:10px}.strip i{height:25px}.strip b{font-size:11px}.strip small{font-size:7px}.legal h1{font-size:43px}.contactbox{padding:8px 14px}.contactbox b{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.reveal{opacity:1;transform:none}}