@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{color:#17211d;background:#f8f8f6;margin:0;font-family:Manrope,Arial}button,input{font:inherit}button{cursor:pointer}button:focus-visible{outline-offset:3px;outline:3px solid #4285f4}:root{--ink:#17211d;--muted:#65706a;--line:#dfe4df;--lime:#d7f75f}.shell{width:min(1160px,100% - 48px);margin:auto}.nav{justify-content:space-between;align-items:center;height:86px;display:flex}.brand{letter-spacing:-1px;color:var(--ink);background:0 0;border:0;padding:0;font-size:20px;font-weight:800}.brand i{background:var(--lime);border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}.brand span{color:#59665e}.my,.save{border:1px solid var(--line);background:#fff;border-radius:99px;align-items:center;gap:7px;padding:10px 15px;font-size:13px;font-weight:700;display:flex}.hero{text-align:center;background:radial-gradient(circle at 50% 25%,#edf7c8,#0000 34%);padding:100px 0 88px}.eyebrow{color:#4a6a24;letter-spacing:1.2px;text-transform:uppercase;justify-content:center;align-items:center;gap:7px;font:11px DM Mono;display:flex}.hero h1{letter-spacing:-5px;margin:20px 0;font-size:clamp(47px,7.5vw,90px);font-weight:800;line-height:.96}.hero h1 em{color:#4d8660;font-style:normal}.hero>p{color:var(--muted);margin:0 auto 34px;font-size:17px}.search{background:#fff;border:1px solid #ccd6cd;border-radius:16px;align-items:center;max-width:720px;height:64px;margin:auto;padding:0 14px 0 20px;display:flex;box-shadow:0 11px 35px #20382717}.search svg{color:#708078}.search input{border:0;outline:0;width:100%;padding:0 14px;font-size:16px}.search button{background:0 0;border:0}.search kbd{border:1px solid var(--line);color:#88928a;white-space:nowrap;padding:4px 6px;font:10px DM Mono}.tabs{border-block:1px solid var(--line);background:#fff}.tabs>div{gap:5px;padding:13px 0;display:flex;overflow:auto}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:99px;flex:none;padding:8px 13px;font-size:13px;font-weight:700}.tabs .on{background:var(--ink);color:#fff}.section{padding-top:90px}.head{justify-content:space-between;align-items:end;gap:40px;margin-bottom:28px;display:flex}.head small,.detail small,.about small{text-transform:uppercase;color:#5a7b36;letter-spacing:1px;font:11px DM Mono}.head h2,.banner h2,.about h2{letter-spacing:-1.8px;margin:8px 0 0;font-size:31px}.head p{color:var(--muted);max-width:260px;margin:0;font-size:13px}.collections{grid-template-columns:1fr 1fr;gap:16px;display:grid}.collection{border:1px solid var(--line);background:#fff;border-radius:15px;min-height:190px;padding:22px}.collection h3{align-items:center;gap:8px;margin:0 0 15px;font-size:14px;display:flex}.collection h3 svg{color:#6b973b}.collection h3 span{background:#eff1ee;border-radius:99px;margin-left:auto;padding:3px 7px;font:10px DM Mono}.collection p{color:#8a948e;margin-top:35px;font-size:13px}.line{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.line button{color:var(--ink);background:0 0;border:0;align-items:center;gap:9px;font-size:13px;font-weight:700;display:flex}.line button:last-child{color:#748179}.mark{color:#fff;border-radius:11px;place-items:center;width:38px;height:38px;font-size:17px;display:grid;box-shadow:inset 0 0 0 1px #fff3}.line .mark{border-radius:8px;width:27px;height:27px;font-size:12px}.grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:15px;min-height:225px;padding:20px;transition:all .2s;position:relative}.card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #182c1f15}.star{color:#a5afa8;background:0 0;border:0;padding:5px;position:absolute;top:13px;right:13px}.star.saved{color:#dfac00}.cardbody{text-align:left;background:0 0;border:0;padding:0}.cardbody .mark{margin-bottom:20px}.cardbody small{color:#76904f;text-transform:uppercase;font:10px DM Mono}.cardbody h3{margin:7px 0;font-size:16px}.cardbody p{color:var(--muted);max-width:260px;margin:0;font-size:12px;line-height:1.55}.launch{color:#315c40;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:12px;font-weight:800;display:flex;position:absolute;bottom:17px;left:20px}.none{text-align:center;color:var(--muted);padding:40px}.banner{color:#fff;background:#1d392b;border-radius:22px;justify-content:space-between;align-items:end;gap:40px;margin-top:94px;padding:50px 58px;display:flex}.banner .eyebrow{color:var(--lime);justify-content:start}.banner h2{margin-top:12px;font-size:40px}.banner p{color:#c9d4cc;max-width:340px;font-size:14px;line-height:1.7}footer{color:#526159;justify-content:space-between;padding:34px 0 45px;font:11px DM Mono;display:flex}footer span{color:#78847d;font:11px Manrope}.detail{text-align:center;background:radial-gradient(circle,#e9f6c3,#0000 57%);flex-direction:column;justify-content:center;align-items:center;min-height:520px;display:flex}.detail>.mark{border-radius:27px;width:92px;height:92px;font-size:42px}.detail h1{letter-spacing:-3px;margin:11px 0;font-size:55px}.detail>p{color:var(--muted);max-width:530px;margin:0;font-size:17px}.detail>div{gap:10px;margin-top:27px;display:flex}.primary{background:var(--lime);border:0;border-radius:10px;align-items:center;gap:8px;padding:13px 17px;font-size:13px;font-weight:800;display:flex}.save{border-radius:10px}.about{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:50px;padding-top:65px;padding-bottom:100px;display:grid}.about p{color:var(--muted);margin:0;font-size:16px;line-height:1.8}.missing{text-align:center;place-content:center;gap:18px;min-height:100vh;display:grid}.missing button{background:var(--lime);border:0;border-radius:8px;padding:12px}@media (width<=700px){.shell{width:calc(100% - 32px)}.nav{height:70px}.hero{padding:68px 0}.hero h1{letter-spacing:-3.5px}.search{height:57px}.search kbd{display:none}.section{padding-top:60px}.head{display:block}.head p{margin-top:10px}.collections,.grid,.about{grid-template-columns:1fr}.banner{border-radius:0;margin-top:60px;padding:40px 20px;display:block}.banner h2{font-size:32px}.banner p{margin-top:25px}.detail{min-height:430px}.detail h1{font-size:40px}.about{gap:20px;padding-top:45px}.detail>div{flex-direction:column}.tabs>div{width:calc(100% - 32px)}footer{line-height:1.7;display:block}footer span{margin-top:8px;display:block}}.brand{background:url(/assets/meandgoogle-DrGYx5u8.png) 0/contain no-repeat;width:429px;height:49px;font-size:0}@media (width<=700px){.brand{width:273px;height:42px}}.brand i,.brand span{display:none}.mark{overflow:hidden;background:#fff!important}.mark img{object-fit:contain;width:78%;height:78%}
