/* Barlow Condensed by The Barlow Project Authors, SIL OFL 1.1: /barlow-OFL.txt */
@font-face {
  font-family: "Barlow Condensed";
  src: url("/barlow-condensed-800-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}
:root{color-scheme:light;--paper:#f6f5ee;--ink:#16382f;--muted:#4d6359;--lime:#d7f37d;--edge:#c4cec1;--white:#fffef9;font-family:"DM Sans",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding:20px}body{margin:0}a{color:inherit}a,button,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #9a5209;outline-offset:4px}.wrap{width:min(1136px,calc(100% - 72px));margin-inline:auto}
.header,footer{display:flex;align-items:center;justify-content:space-between}.header{min-height:80px;border-bottom:1px solid var(--edge)}.brand,.member,.cta,.demo-link,footer a{text-decoration:none}.brand{display:inline-flex;align-items:center;gap:10px;font-size:25px;letter-spacing:-1.5px;font-weight:800}.mark{width:35px;height:35px;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:8px;background:var(--ink);border-radius:9px;transform:rotate(-6deg)}.mark b{width:5px;background:var(--lime);height:10px}.mark b:nth-child(2){height:17px}.mark b:nth-child(3){height:13px}.member{border:1px solid #a7b5a8;border-radius:30px;padding:12px 19px;font-weight:650;font-size:14px}.member span{margin-left:9px}
.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(35px,7vw,110px);padding:66px 0 78px}.intro h1,.offer h2,.flow h1,.demo h2,.price strong{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;font-weight:800}.intro h1{margin:0 0 24px;font-size:clamp(62px,8.2vw,114px);line-height:.92;letter-spacing:-.025em;text-transform:uppercase}.intro h1 span{display:block;color:#307447}.intro>p,.offer p,.flow p{line-height:1.53}.intro>p{font-size:20px;max-width:420px;color:var(--muted);margin:0}.intro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:28px}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:49px;padding:0 23px;border:0;border-radius:9px;background:var(--ink);color:white;font:inherit;font-weight:700;cursor:pointer}.cta:hover{filter:brightness(1.15)}.demo-link,footer a{font-size:14px;font-weight:650;text-decoration:underline;text-underline-offset:4px}.small,.tiny,.line span,.score li span:last-child,.prize #goal{font-family:ui-monospace,Consolas,monospace}.small,.tiny{font-size:11px;font-weight:700;letter-spacing:.095em}.demo{scroll-margin:12px;border:1px solid #acbca9;border-radius:19px;background:var(--white);overflow:hidden;box-shadow:7px 8px 0 #dde5d6}.demo-top,.line,.score li{display:flex;align-items:center;justify-content:space-between}.demo-top{border-bottom:1px solid var(--edge);padding:13px 22px;background:#e8eddf}.live-dot{display:inline-block;width:8px;height:8px;border-radius:100%;background:#49824e;margin-right:8px}.tiny{color:var(--muted)}.demo-body{padding:18px 22px 14px}.demo h2{font-size:36px;line-height:1;letter-spacing:-.015em;margin:0}.demo-hint{font-size:14px;color:var(--muted);line-height:1.4;margin:5px 0 14px}.days{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:4px;border:1px solid #dce2d7;border-radius:10px}.days button{font:inherit;font-size:14px;font-weight:650;border:0;border-radius:7px;background:transparent;color:var(--muted);min-height:40px;cursor:pointer}.days button[aria-pressed=true]{background:var(--ink);color:white}.line{margin:16px 0 5px}.line span,#goal{font-size:12px;color:var(--muted)}.task{min-height:43px;display:flex;align-items:center;gap:11px;cursor:pointer;border-bottom:1px solid #e1e6dc;font-size:15px}.task input{width:19px;height:19px;accent-color:var(--ink);margin:0}.task:has(input:checked) .task-name{text-decoration:line-through;color:var(--muted)}.score{margin-top:15px}.score ol{padding:0;margin:6px 0 0;list-style:none}.score li{font-size:14px;line-height:1.7;gap:10px}.score li span:first-child{color:var(--muted);width:1.6em}.score li strong{flex:1}.prize{display:flex;align-items:center;gap:15px;padding:14px 22px;background:var(--lime);border-top:1px solid #b6cc73}.star{font-size:36px;line-height:1}.prize>div{flex:1}.prize strong,.prize #goal{display:block}.prize progress{display:block;width:100%;height:6px;border:0;border-radius:5px;overflow:hidden;background:#adce69;margin-top:7px;color:var(--ink)}.prize progress::-webkit-progress-bar{background:#adce69}.prize progress::-webkit-progress-value{background:var(--ink)}.prize progress::-moz-progress-bar{background:var(--ink)}.task-owner{margin-left:auto;font-size:11px;color:var(--muted)}.prize strong{font-size:17px;margin:3px 0}.offer{background:var(--ink);color:var(--paper);border-radius:18px;padding:36px clamp(24px,5vw,64px);display:flex;align-items:center;justify-content:space-between;gap:28px}.offer .small{color:var(--lime)}.offer h2,.flow h1{font-size:clamp(36px,4.5vw,62px);letter-spacing:-.02em;line-height:1.02;margin:10px 0}.offer h2{max-width:14em;text-wrap:balance}.offer p{margin:0;max-width:410px}.offer .pricebox{flex-shrink:0}.pricebox .price{line-height:1;margin-bottom:14px}.price strong{font-size:47px;letter-spacing:-3px}.lime{background:var(--lime);color:var(--ink);width:100%}.pricebox small{display:block;font-size:12px;margin-top:10px;color:#e0e6d8}footer{min-height:82px;color:var(--muted);font-size:13px}footer span{font-weight:750}footer a{font-size:13px}.sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}.notice{background:#e8eddf;padding:14px 20px;border-radius:10px}.flow{margin:10vh auto;max-width:520px;padding:26px}.flow h1{margin:32px 0 14px}.flow p{color:var(--muted)}.flow button,.flow .cta{margin:12px 0}.flow .back{display:block;margin-top:20px}.requests{padding-left:20px;overflow-wrap:anywhere}
@media(max-width:780px){.wrap{width:calc(100% - 36px)}.header{min-height:65px}.brand{font-size:22px}.member{padding:11px 14px}.hero{grid-template-columns:1fr;gap:30px;padding:33px 0 40px}.intro h1{font-size:clamp(52px,14.4vw,94px);margin-bottom:16px}.intro>p{font-size:17px;max-width:480px}.intro-actions{margin-top:19px;gap:16px}.demo{width:100%;max-width:540px;justify-self:center;box-shadow:4px 5px 0 #dde5d6}.offer{display:grid;gap:22px}.demo-top,.prize{padding-inline:16px}.demo-body{padding-inline:16px}.days button{min-height:44px}.task{min-height:45px}.offer .pricebox{max-width:350px}.flow{margin-top:5vh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
