:root{--ink:#1d2730;--paper:#f8f5ed;--lime:#dff278;--coral:#f07c62;--muted:#66706d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit}.hero{min-height:690px;background:#dfeeda;position:relative;overflow:hidden;padding:28px clamp(24px,7vw,108px)}nav{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{font-size:25px;font-weight:700;text-decoration:none;letter-spacing:-1.5px}.brand span{color:var(--coral)}.nav-link{font-size:14px;text-decoration:none;font-weight:600}.nav-link span{padding-left:8px}.hero-copy{position:relative;z-index:2;max-width:710px;padding-top:120px}.eyebrow{font-family:"DM Mono",monospace;font-size:11px;letter-spacing:1.5px;margin:0 0 20px;color:#536159;font-weight:500}h1,h2,blockquote{font-family:Fraunces,serif;letter-spacing:-3.5px;font-weight:600}h1{font-size:clamp(56px,8vw,110px);line-height:.94;margin:0}em{font-weight:600;color:var(--coral)}.intro{font-size:18px;line-height:1.55;max-width:420px;margin:34px 0}.button{display:inline-flex;align-items:center;gap:35px;background:var(--ink);color:white;text-decoration:none;border-radius:100px;padding:16px 22px;font-size:15px;font-weight:600}.button span{color:var(--lime);font-size:20px}.orb{position:absolute;border-radius:50%;filter:blur(.2px)}.orb-one{width:400px;height:400px;background:var(--lime);right:5%;top:146px}.orb-two{width:125px;height:125px;background:var(--coral);right:29%;top:100px}.todo-section{padding:115px clamp(24px,12vw,190px);display:grid;grid-template-columns:1fr 1.45fr;gap:clamp(50px,11vw,180px);align-items:start}h2{font-size:clamp(48px,5vw,70px);line-height:.96;margin:0}.todo-card{background:#fffdf8;padding:26px 28px 18px;box-shadow:0 20px 55px rgba(31,48,35,.12);border-radius:4px}.todo-top{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #e8e4da;padding-bottom:20px}.date{font-size:20px;font-weight:700;margin:0 0 5px}.count{font-size:13px;color:var(--muted);margin:0}.sun{font-size:25px}.add-row{display:flex;gap:10px;margin:20px 0}.add-row input{width:100%;background:#f4f1e9;border:0;border-radius:4px;padding:15px;font:inherit;color:var(--ink);outline-color:#a9bc46}.add-row button{flex:0 0 49px;border:0;border-radius:4px;background:var(--coral);color:white;font-size:29px;line-height:1;cursor:pointer}ul{list-style:none;padding:0;margin:0}.task{display:flex;align-items:center;gap:12px;border-bottom:1px solid #ece9e1;padding:14px 1px;animation:enter .25s ease-out}.task label{display:flex;align-items:center;gap:12px;flex:1;cursor:pointer;font-size:15px}.task input{appearance:none;width:19px;height:19px;border:1.5px solid #a7afaa;border-radius:50%;margin:0;display:grid;place-content:center;cursor:pointer}.task input:checked{border-color:#91a73a;background:#91a73a}.task input:checked:after{content:"✓";font-size:13px;color:white}.task.done span{text-decoration:line-through;color:#9ca39e}.delete{border:0;background:none;color:#a7afaa;font-size:19px;cursor:pointer}.card-foot{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding-top:18px}.card-foot button{padding:0;background:0;border:0;color:var(--muted);font:inherit;text-decoration:underline;cursor:pointer}.note{text-align:center;background:#f9c67e;padding:115px 24px}.note .eyebrow{color:#8f623a}.note blockquote{font-size:clamp(34px,4.4vw,65px);line-height:1.08;margin:0}.note em{color:#ae4e39}.quote-by{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:1.5px;margin-top:28px;color:#74563e}footer{display:flex;justify-content:space-between;align-items:center;padding:30px clamp(24px,7vw,108px);background:#1d2730;color:#fff}footer p{margin:0;font-size:13px;color:#c7cfbf}@keyframes enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.hero{min-height:620px}.hero-copy{padding-top:100px}.orb-one{width:240px;height:240px;right:-35px;top:320px}.orb-two{right:36%;top:280px;width:75px;height:75px}.todo-section{grid-template-columns:1fr;padding:75px 24px;gap:40px}footer{align-items:flex-start;gap:20px;flex-direction:column}}