:root{--paper:#f5f4ed;--ink:#152e35;--muted:#586d72;--line:#d9e0d9;--teal:#23695c;--light:#e4eee5;--yellow:#efcc68;--white:#fffef9;--blue:#dce8ee}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit}button,input{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ab741c;outline-offset:5px}.skip{position:absolute;left:10px;top:-100px;background:var(--white);padding:10px;z-index:20}.skip:focus{top:10px}.wrap{max-width:1180px;margin:auto;padding:0 44px}header{border-bottom:1px solid var(--line)}.nav{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;font-size:23px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:11px}.brandmark{width:31px;height:31px;border-radius:50% 50% 8px 50%;background:var(--teal);display:inline-block;transform:rotate(-15deg)}nav{display:flex;align-items:center;gap:27px}nav a{text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap}nav a[aria-current=page]{color:var(--teal);text-decoration:underline;text-underline-offset:7px}.nav-cta{border:1px solid var(--ink);padding:9px 17px;border-radius:40px}.eyebrow{text-transform:uppercase;letter-spacing:2.1px;font-size:11px;font-weight:800;display:flex;gap:9px;align-items:center}.dot{width:7px;height:7px;background:var(--teal);border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,5.3vw,67px);letter-spacing:-3px;line-height:1.08;font-weight:700;margin:25px 0}h2{font-size:32px;letter-spacing:-1px;line-height:1.18}h3{font-size:20px;letter-spacing:-.5px}.lead{max-width:490px;font-size:17px;color:var(--muted);line-height:1.7}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding:72px 0 65px}.accent{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--teal)}.actions{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin:29px 0 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--ink);color:white;text-decoration:none;border:1px solid var(--ink);padding:13px 23px;border-radius:40px;cursor:pointer;font-size:14px;font-weight:700}.button:hover{background:var(--teal)}.button.secondary{color:var(--ink);background:transparent}.button.secondary:hover{background:var(--light)}.small-note{font-size:12px;color:var(--muted);margin:22px 0 0}.illustration{min-height:382px;border-radius:42% 42% 16px 16px;background:var(--blue);position:relative;display:grid;place-items:center;isolation:isolate;overflow:hidden}.sun{position:absolute;width:105px;height:105px;border-radius:50%;background:var(--yellow);top:42px;right:32px;z-index:-1}.orbit{position:absolute;width:330px;height:330px;border:1px solid #b7ccd1;border-radius:50%;left:-110px;bottom:-125px;z-index:-1}.desk{width:280px;transform:rotate(-6deg);padding:27px;background:var(--white);border:1px solid #cbd3ca;box-shadow:12px 16px 0 #b6cbd0;border-radius:10px}.desk-label{font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;display:flex;justify-content:space-between}.desk h3{font-size:24px;margin:24px 0 17px;line-height:1.2}.mock-row{border-top:1px solid var(--line);padding:10px 0;font-size:12px;display:flex;align-items:center;gap:10px}.check-circle{display:grid;place-items:center;border:1px solid var(--teal);width:18px;height:18px;border-radius:50%;color:var(--teal);font-weight:700}.pill{display:inline-block;border-radius:20px;background:var(--light);padding:5px 12px;font-size:10px;font-weight:800;letter-spacing:1px}.float-tag{position:absolute;bottom:27px;right:16px;background:var(--teal);color:white;padding:12px 18px;border-radius:30px;font-size:12px;transform:rotate(5deg)}.section{padding:43px 0 62px;border-top:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.section-top h2{margin:6px 0 0}.section-top p{font-size:13px;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:1fr 1fr;gap:23px}.card{border:1px solid var(--line);padding:29px;border-radius:13px;background:var(--white)}.card .number{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--muted);margin-bottom:32px}.card p{color:var(--muted);font-size:14px;max-width:400px}.card a{font-size:13px;text-underline-offset:5px;font-weight:700}.card.green{background:var(--light)}.card.blue{background:var(--blue)}.breadcrumb{padding-top:32px;display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.page-title{max-width:790px;padding:38px 0}.page-title h1{font-size:clamp(38px,5vw,57px);margin:16px 0 20px}.page-title p{color:var(--muted);font-size:17px;max-width:610px}.tool-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:32px;padding-bottom:64px}.panel{background:var(--white);border:1px solid var(--line);border-radius:15px;padding:34px}.tool-label{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted);font-weight:700}.timer{text-align:center}.clock{font-size:clamp(64px,8vw,100px);line-height:1.2;letter-spacing:-5px;font-variant-numeric:tabular-nums;margin:27px 0 18px}.timer .actions{justify-content:center;margin-top:24px}.status{min-height:25px;color:var(--muted);font-size:14px}.duration{margin-top:25px;display:flex;gap:10px;justify-content:center;align-items:center;font-size:13px}.duration input{border:1px solid var(--line);padding:7px;border-radius:5px;width:70px;text-align:center}.tips{padding-left:20px;color:var(--muted);font-size:14px}.tips li{padding:6px 0}.text-link{font-size:13px;font-weight:700;text-underline-offset:5px}.task-form{display:flex;gap:10px;align-items:center;margin:22px 0}.task-form input{width:100%;min-width:0;padding:12px;border-radius:7px;border:1px solid var(--line);background:var(--paper)}.task-form .button{padding:12px 20px}.task-list{list-style:none;padding:0;margin:0}.task-list li{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:14px 0}.task-list label{display:flex;gap:12px;align-items:center;flex:1;min-width:0;overflow-wrap:anywhere;font-size:14px}.task-list input{width:18px;height:18px;accent-color:var(--teal);flex-shrink:0}.task-list .done span{text-decoration:line-through;color:var(--muted)}.remove-task{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:21px;padding:0 6px}.progress{height:6px;background:var(--line);border-radius:4px;margin:20px 0 10px;overflow:hidden}.progress-fill{height:100%;background:var(--teal);width:0;transition:width .2s}.empty{color:var(--muted);font-size:14px;padding:16px 0}.body-copy{max-width:720px;padding-bottom:60px}.body-copy p{color:var(--muted)}.body-copy h2{font-size:25px;margin-top:33px}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}footer{border-top:1px solid var(--line);padding:25px 0 32px}.footer-row{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.footer-row p{margin:0}.footer-row a{text-underline-offset:3px}
@media(max-width:800px){.wrap{padding:0 24px}.hero{gap:35px;padding:48px 0;grid-template-columns:1fr 1fr}.illustration{min-height:320px}.desk{width:220px;padding:21px}.sun{width:80px;height:80px}.hero h1{font-size:45px}.tool-grid{grid-template-columns:1fr}.nav{gap:15px}nav{gap:17px}.nav-cta{display:none}}
@media(max-width:580px){.wrap{padding:0 21px}.nav{min-height:79px}.brand{font-size:20px}.brandmark{width:25px;height:25px}nav{gap:14px}nav a{font-size:12px}.hero{grid-template-columns:1fr;gap:38px;padding:43px 0}.hero h1{font-size:49px;letter-spacing:-2px}.illustration{min-height:330px;max-width:420px;width:100%}.desk{width:250px}.cards{grid-template-columns:1fr}.section-top{display:block}.section-top p{margin-top:10px}.card{padding:24px}.panel{padding:25px}.footer-row{flex-direction:column;gap:8px}.page-title h1{letter-spacing:-2px}.task-form .button{padding:12px 15px}}