@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#263d30;font-synthesis:none;background:#f6f5ed;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}.page{max-width:1440px;margin:auto;padding:0 64px}header{border-bottom:1px solid #263d3026;justify-content:space-between;align-items:center;height:108px;display:flex}.brand{letter-spacing:-1.5px;align-items:center;gap:9px;font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:700;display:flex}.brand .duck{width:45px;height:45px}.brand-light{font-weight:400}.brand-dot{vertical-align:top;letter-spacing:0;margin-left:3px;font-size:12px}.header-note,.eyebrow,.pond-heading,.days,.lane-label>div>span,.live,.footer-quack{letter-spacing:1.5px;font-size:10px;font-weight:700}.header-note{align-items:center;gap:9px;display:flex}.header-note i,.pond-heading i{background:#507451;border-radius:50%;width:7px;height:7px;display:inline-block}.hero{text-align:center;padding:46px 0 39px;position:relative}.eyebrow{justify-content:center;align-items:center;gap:8px;margin:0 0 20px;display:flex}.eyebrow>span{color:#71894c;font-size:19px}h1{letter-spacing:-6px;width:fit-content;margin:0 auto;font-family:Space Grotesk,sans-serif;font-size:clamp(64px,7.1vw,100px);font-weight:600;line-height:1.02;position:relative}h1>span:first-of-type{color:#65824f}.headline-duck{position:absolute;bottom:2px;right:-104px;transform:rotate(-10deg)}.headline-duck .duck{width:100px;height:90px}.intro{color:#657065;margin:21px 0 23px;font-size:16px;line-height:1.7}.app-button{color:#fffdf1;background:#293f30;border-radius:8px;align-items:center;gap:37px;padding:17px 25px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex;box-shadow:0 4px #192a20}.app-button:hover{background:#416044;transform:translateY(-3px)}.app-button:focus-visible{outline-offset:6px;outline:3px solid #d99122}.app-button>span{font-size:16px;line-height:16px}.button-note{color:#7a8176;margin:14px 0 0;font-size:11px}.pond{background:#fcfcf6;border:1px solid #c8cebf;border-radius:12px;overflow:hidden;box-shadow:0 7px #e7e9dd}.pond-heading{border-bottom:1px solid #dce0d2;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.pond-heading>span:first-child{align-items:center;gap:9px;display:flex}.pond-caption{letter-spacing:0;color:#7a8176;font-size:12px;font-weight:400}.live{color:#5b7951;background:#edf2e6;border:1px solid #c8d2bd;border-radius:4px;padding:5px 8px;font-size:9px}.chart{position:relative}.days{color:#7c8575;border-bottom:1px solid #e2e5da;grid-template-columns:260px 1fr;height:43px;display:grid}.task-heading{align-self:center;padding-left:24px;font-size:9px}.days>div{grid-template-columns:repeat(5,1fr);display:grid}.days>div>span{border-left:1px solid #e4e7db;padding:15px}.days>div>span:last-child{color:#668150}.lane{border-bottom:1px solid #e2e5da;grid-template-columns:260px 1fr;min-height:91px;display:grid}.lane-label{align-items:center;gap:15px;padding:0 24px;display:flex}.lane-number{color:#929c88;font:11px Space Grotesk,sans-serif}.lane-label h2{margin:0 0 8px;font-size:13px;font-weight:500}.lane-label>div>span{letter-spacing:1.2px;color:#89927d;font-size:8px}.track{background:repeating-linear-gradient(90deg,#e4e7db 0 1px,#0000 1px 20%);position:relative}.bar{left:var(--start);width:var(--width);background:var(--bar);border:1px solid #263d3020;border-radius:6px;height:34px;position:absolute;top:20px}.trail{letter-spacing:6px;color:#263d3060;position:absolute;top:4px;left:14px}.runner{width:64px;animation:12s ease-in-out infinite alternate travel;animation-delay:var(--delay);position:absolute;top:-24px;left:0}.runner .duck{width:64px;height:58px}.duck-body{transform-origin:50%;animation:.5s ease-in-out infinite alternate bob}.foot{transform-origin:50px 70px;animation:.5s ease-in-out infinite alternate step}.foot-two{animation-delay:-.5s}.run{animation-duration:5s}.run .duck-body,.run .foot{animation-duration:.18s}.run .foot-two{animation-delay:-.18s}.quack{white-space:nowrap;opacity:0;animation:8s infinite quack;animation-delay:var(--delay);background:#fffef5;border:1px solid #c8cebf;border-radius:7px 7px 7px 0;padding:3px 7px;font-size:10px;position:absolute;top:-14px;left:36px}.lane-note{bottom:10px;left:var(--start,4%);color:#88917d;margin-left:14px;font-size:9px;font-style:italic;position:absolute}.today{z-index:2;pointer-events:none;border-left:1px dashed #98a385;position:absolute;top:0;bottom:0;left:calc(60% + 104px)}.today>span{white-space:nowrap;color:#738064;letter-spacing:.4px;background:#eef0e4;border:1px solid #c8cebf;border-radius:3px;padding:4px;font-size:7px;font-weight:700;position:absolute;top:-8px;left:-43px}.pond-footer{color:#7a8471;justify-content:space-between;padding:15px 24px;font-size:10px;display:flex}.legend-dot{background:#8da478;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.pond-footer>span:last-child>span{margin-left:8px;font-size:20px}.closing{justify-content:center;align-items:center;gap:12px;padding:29px 0 26px;display:flex}.asterisk{color:#6c8555;font-size:28px}.closing p{letter-spacing:-.6px;font-family:Space Grotesk,sans-serif;font-size:19px}.closing strong{font-weight:600}.scribble{color:#81916d;margin-left:24px;font-size:12px;font-style:italic;transform:rotate(-5deg)}footer{color:#828b7a;border-top:1px solid #263d3026;justify-content:space-between;padding:22px 0 26px;font-size:10px;display:flex}.footer-quack{letter-spacing:1.1px;font-size:8px}@keyframes travel{0%{left:0}to{left:calc(100% - 62px)}}@keyframes bob{0%{transform:translateY(0)rotate(-2deg)}to{transform:translateY(-3px)rotate(2deg)}}@keyframes step{0%{transform:rotate(-17deg)}to{transform:rotate(17deg)}}@keyframes quack{0%,65%,to{opacity:0;transform:translateY(3px)}70%,90%{opacity:1;transform:translateY(0)}}@media (width>=1500px){.hero{padding-top:58px;padding-bottom:50px}}@media (width<=900px){.page{padding:0 28px}.days,.lane{grid-template-columns:210px 1fr}.lane-label{gap:10px;padding:0 16px}.today{left:calc(60% + 84px)}h1{letter-spacing:-4px}.headline-duck{right:-75px}.headline-duck .duck{width:75px}.pond-caption{display:none}.scribble{margin-left:8px}}@media (width<=600px){.page{padding:0 18px}header{height:78px}.brand{font-size:26px}.header-note{letter-spacing:1px;max-width:115px;font-size:7px;line-height:1.8}.hero{padding:38px 0}.eyebrow{letter-spacing:1px;font-size:8px}h1{letter-spacing:-4px;font-size:clamp(44px,14.5vw,64px)}.headline-duck{bottom:-7px;right:0}.headline-duck .duck{width:52px;height:55px}.intro{margin-top:24px;font-size:13px}.button-note{font-size:9px}.pond-heading{letter-spacing:1px;padding:15px 12px;font-size:8px}.live{font-size:7px}.days,.lane{grid-template-columns:120px 1fr}.task-heading{letter-spacing:.5px;padding-left:12px;font-size:7px}.days>div>span{letter-spacing:0;text-align:center;padding:16px 3px;font-size:7px}.lane-label{gap:0;padding:0 10px}.lane-number{display:none}.lane-label h2{max-width:100px;font-size:11px;line-height:1.4}.lane-label>div>span{font-size:7px}.lane{min-height:92px}.today{left:calc(60% + 48px)}.runner{width:45px}.runner .duck{width:45px;height:50px}.bar{height:29px;top:25px}.trail{display:none}@keyframes travel{0%{left:-8px}to{left:calc(100% - 36px)}}.lane-note{max-width:145px;margin-left:7px;font-size:7px;line-height:1.4;bottom:8px}.quack{font-size:8px;left:20px}.pond-footer{gap:12px;padding:13px 10px;font-size:8px}.pond-footer>span:last-child{text-align:right;max-width:120px}.pond-footer>span:last-child>span{display:none}.closing{flex-wrap:wrap;gap:8px;padding:25px 0}.closing p{margin:0;font-size:16px}.asterisk{font-size:22px}.scribble{text-align:center;width:100%;margin:2px 0 0;font-size:11px}footer{gap:12px;padding:18px 0;font-size:8px}.footer-quack{display:none}footer>span:nth-child(2){text-align:right}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.runner{left:calc(100% - 50px)}.quack{display:none}}