@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#faf9f6;--ink:#1a1c1a;--green:#536156;--muted:#545c54;--line:#dedfd7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #725a43;outline-offset:5px}header,main,footer{max-width:1200px;margin:auto;padding:0 40px}header{height:110px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{text-decoration:none;font-size:23px;font-weight:800;letter-spacing:-1px}.wordmark small{display:block;font-size:10px;letter-spacing:3px;font-weight:600;color:var(--green)}nav{display:flex;gap:25px;align-items:center;font-size:14px}nav a{text-decoration:none}.languages{border-left:1px solid var(--line);padding-left:22px;display:flex;gap:12px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:600px;gap:30px;border-bottom:1px solid var(--line);padding:20px 0 60px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800;color:var(--green)}h1{font-size:clamp(46px,5.5vw,74px);font-weight:500;letter-spacing:-3px;line-height:1.12;max-width:640px;margin:22px 0}p{color:var(--muted);max-width:620px}.hero p{max-width:480px;font-size:19px}.hero-art{position:relative;background:#eceee6;border-radius:48% 48% 18% 18%;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;aspect-ratio:1/1.12}.hero-art img{width:100%;height:100%;object-fit:contain;object-position:bottom}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 25px;border-radius:8px;background:var(--green);color:white;text-decoration:none;font-size:15px;font-weight:700;margin:16px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;padding:70px 0 30px}h2{font-size:38px;font-weight:500;letter-spacing:-1.5px;line-height:1.2;margin:10px 0}.section-head p{max-width:390px;margin:0}.products{display:grid;grid-template-columns:1fr 1fr;gap:28px}.product{background:#eff0e9;border-radius:20px;overflow:hidden}.product:nth-child(2){background:#f1eae1}.product-copy{padding:35px}.app-name{display:flex;align-items:center;gap:15px}.app-name img{width:58px;height:58px;border-radius:14px}.app-name h3{font-size:24px;line-height:1.3;font-weight:600;letter-spacing:-.8px;margin:0}.product p{font-size:16px}.tag{font-size:12px;text-transform:uppercase;letter-spacing:1px}.product-links{display:flex;gap:22px;font-size:14px;align-items:center}.product-links .button{padding:11px 18px}.product-visual{height:310px;display:flex;justify-content:center;overflow:hidden;margin:0 35px}.product-visual img{height:100%;width:auto;max-width:100%;object-fit:contain;object-position:top;border-radius:16px 16px 0 0}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:70px 0;border-bottom:1px solid var(--line)}.values h3{font-weight:600;font-size:20px}.values p{font-size:15px}.about{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding:80px 0;border-bottom:1px solid var(--line)}.about p{margin-top:0}.contact{padding:65px 0 80px}.contact a{font-size:clamp(19px,3vw,30px);letter-spacing:-.8px}footer{padding-top:25px;padding-bottom:35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;font-size:13px;color:var(--muted)}footer p{margin:0}footer div{display:flex;gap:20px}footer a{font-size:13px}.skip{position:absolute;left:-1000px}.skip:focus{left:20px;top:20px;background:white;padding:10px;z-index:5}@media(max-width:760px){header,main,footer{padding-left:22px;padding-right:22px}header{height:95px}.wordmark{font-size:20px}nav>a{display:none}.languages{padding-left:0;border:0;gap:8px}.hero{grid-template-columns:1fr;padding-top:10px;gap:32px}h1{letter-spacing:-2px}.hero-art{max-width:460px;width:100%;margin:auto;aspect-ratio:1.15}.section-head{display:block;padding-top:50px}.section-head p{margin-top:18px}.products,.values,.about{grid-template-columns:1fr}.product-copy{padding:27px}.values{gap:10px;padding:35px 0}.about{gap:22px;padding:50px 0}h2{font-size:32px}.product-visual{height:300px}.contact{padding:50px 0}footer{display:block}footer div{margin-top:20px}}
