@font-face{font-family:system;src:local("Segoe UI")}*{box-sizing:border-box}body{margin:0;background:#f7f8f2;color:#214c40;font:17px/1.65 system,system-ui,sans-serif}a{color:inherit}button,select{font:inherit}button,a,select{touch-action:manipulation}header,main,footer{max-width:1180px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:32px 36px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:750;font-size:21px}select{border:1px solid #b2c4b6;border-radius:30px;background:transparent;color:#214c40;padding:8px 16px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;padding:76px 36px 108px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2.2px}h1{font-size:clamp(44px,5.8vw,70px);line-height:1.1;letter-spacing:-3px;font-weight:780;margin:22px 0 28px}h2{font-size:34px;line-height:1.2;letter-spacing:-1px}.lead{font-size:21px;max-width:460px;color:#5a7165}.pill{font-size:13px;display:inline-block;padding:9px 16px;border-radius:28px;background:#e6eee1}.notice{font-size:14px;color:#5a7165;max-width:450px}.art{display:grid;grid-template-columns:1fr 1fr;gap:18px;transform:rotate(-7deg);position:relative}.tile{border-radius:32px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 0 #214c4006;position:relative}.mint{background:#bcecd9}.coral{background:#ffc6ad;transform:translateY(25px)}.butter{background:#f8d984}.lavender{background:#dcd5f5;transform:translateY(25px)}.search{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;width:65%;aspect-ratio:1}.search i{background:#ffffffc9;border-radius:7px}.search i:nth-child(4n+1){background:#214c40}.coral span,.coral b,.coral em{position:absolute;font-size:22px;font-weight:700;font-style:normal;background:#fff;border-radius:50%;height:48px;width:48px;text-align:center;line-height:48px;z-index:1}.coral span{left:12%;top:12%}.coral b{right:12%;top:24%}.coral em{left:33%;bottom:11%}.coral svg{position:absolute;inset:0;width:100%;height:100%}.coral path{fill:none;stroke:#214c40;stroke-width:7;stroke-linecap:round}.number{font-size:60px;font-weight:750;line-height:1.25;word-spacing:20px}.number small{color:#fff8;font-size:60px}.pixels{font-size:110px;line-height:1}.sparkle{position:absolute;right:-20px;top:-25px;font-size:55px;color:#df995c}.quiet{padding:58px 36px;background:#e9efe2;border-radius:38px}.quiet h2{max-width:540px}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:42px}.details article>span{border-bottom:2px solid #809980;padding-bottom:10px;font-size:13px}h3{font-size:21px;line-height:1.3}.details p{font-size:16px;color:#50665a}.how{padding:66px 36px;max-width:780px}.how p{color:#50665a}footer{padding:30px 36px 50px;display:flex;gap:28px;justify-content:space-between;font-size:12px;border-top:1px solid #214c4020}.challenge{border:1px solid #a1bead;border-radius:24px;padding:24px;margin:24px 0;background:#fff}.challenge h2{margin:10px 0;font-size:27px}code{display:block;overflow-wrap:anywhere;background:#edf2e8;border-radius:12px;padding:12px;font-size:13px}.button,button{display:inline-block;background:#214c40;color:white;border:0;border-radius:30px;padding:13px 22px;margin-top:15px;text-decoration:none;cursor:pointer}button:hover,.button:hover{background:#326c59}[hidden]{display:none!important}:focus-visible{outline:3px solid #b66a3b;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){header{padding:24px 20px}.brand{font-size:17px;gap:8px}.brand img{width:36px}.hero{display:flex;flex-direction:column;padding:38px 24px 70px;gap:45px}h1{letter-spacing:-2px}.art{width:80%;max-width:360px}.quiet{margin:0 16px;padding:35px 24px}.details{grid-template-columns:1fr;gap:20px}.how{padding:40px 24px}footer{flex-wrap:wrap;padding:26px 24px}.pixels{font-size:90px}.number,.number small{font-size:44px}.coral span,.coral b,.coral em{font-size:18px;height:38px;width:38px;line-height:38px}select{max-width:120px}}