:root{--ink:#0b203c;--orange:#dd5026;--muted:#405471;--blue:#ddf2fc;--mint:#dff2e7;--yellow:#fff0bc;--peach:#fbe9db}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:#fffefc;font:16px/1.5 Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}a{color:inherit}button,a{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #216fa3;outline-offset:4px}.wrap{width:min(1240px,calc(100% - 48px));margin:auto}.brand{font-size:39px;font-weight:950;letter-spacing:-2.8px;text-decoration:none;line-height:1}.brand span{color:var(--orange)}header{border-bottom:1px solid #dbe1e7;background:#fff}nav{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.links{display:flex;gap:36px}.links a{text-decoration:none;font-size:15px;font-weight:bold}.links a:hover{text-decoration:underline}.btn{display:inline-flex;justify-content:center;align-items:center;gap:16px;background:var(--orange);color:white;padding:13px 24px;border:1px solid var(--orange);border-radius:5px;text-decoration:none;cursor:pointer;font-weight:750;min-height:48px;transition:background .15s,transform .15s}.btn:hover{background:#bd3d1a;transform:translateY(-1px)}.btn.secondary{background:#fff;color:var(--ink);border:1.5px solid var(--ink)}h1,h2,h3{font-family:'Arial Narrow','Trebuchet MS',Arial,sans-serif;font-style:italic;font-weight:950;letter-spacing:-1.7px;line-height:1.12;margin:0}h1{font-size:clamp(38px,4.25vw,62px)}h2{font-size:clamp(30px,3vw,43px)}h3{font-size:23px;letter-spacing:-.7px}.underline{position:relative;white-space:nowrap}.underline:after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:5px;border-radius:50%;background:var(--orange);transform:rotate(-2deg)}p{color:var(--muted);margin:16px 0}.hero{display:grid;grid-template-columns:46% 54%;min-height:535px}.hero-copy{padding:55px 4px 40px 0;position:relative;z-index:1}.hero-copy h1{max-width:580px}.hero-copy p{font-size:19px;max-width:490px;margin:28px 0 24px}.actions{display:flex;flex-wrap:wrap;gap:15px}.checks{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:27px;font-size:14px}.checks span:before{content:'✓';color:#479557;font-size:22px;font-weight:bold;margin-right:8px}.hero-art{position:relative;overflow:hidden;min-width:0;background:#e2f3f8}.hero-art svg{width:100%;height:100%;display:block}.hero-art:after{content:'';position:absolute;inset:0 auto 0 0;width:45px;background:linear-gradient(90deg,#fffefc,transparent);pointer-events:none}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px;margin-bottom:48px}.feature{border:1.5px solid var(--ink);border-radius:7px;padding:24px 23px 20px;background:var(--peach)}.feature:nth-child(2){background:var(--mint)}.feature:nth-child(3){background:var(--yellow)}.feature:nth-child(4){background:#dceefa}.feature svg{display:block;width:55px;height:55px;margin:0 auto 20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.feature h3{text-align:center;font-size:22px}.feature p{font-size:16px;line-height:1.4;margin-bottom:0}.how{padding-bottom:48px}.section-title{text-align:center;margin-bottom:30px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step{padding:18px 22px 22px;border:1.5px solid var(--ink);border-radius:5px;background:linear-gradient(130deg,#fff,#f8fafb);min-width:0}.step-title{display:flex;gap:13px;align-items:center;margin-bottom:22px}.step-title h3{font-size:22px}.number{flex:none;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-size:27px;font-style:italic;font-weight:900}.sample{min-height:210px;display:flex;flex-direction:column;justify-content:center}.mini-form{margin:0 auto;width:85%;padding:14px;background:#e3f1fd;border:1px solid #587994;border-radius:6px;box-shadow:4px 4px 0 #d6e4ef}.mini-form strong{font-size:15px}.mini-input{border:1px solid #c6d7e5;border-radius:3px;background:white;padding:5px 8px;margin-top:5px;font-size:13px;color:#526b88}.mini-submit{margin-top:7px;text-align:center;background:var(--orange);color:white;border-radius:3px;padding:5px;font-size:13px}.messages{gap:15px}.message{border:1px solid #cad7e5;border-radius:12px 12px 12px 2px;background:#e9eef4;padding:15px;font-size:14px;max-width:85%}.message.reply{margin-left:auto;background:#c9eaff;border-radius:12px 12px 2px 12px}.follow-card{border:1px solid #b1cfdf;border-radius:7px;background:white;padding:18px;box-shadow:3px 3px 0 #e5edf1;font-size:14px}.due{display:inline-block;padding:5px 12px;background:#ffe5a8;border-radius:5px;margin-bottom:14px}.follow-person{display:flex;gap:12px;align-items:center}.avatar{width:34px;height:34px;border-radius:50%;background:#cce6fb;display:grid;place-items:center;flex:none;font-weight:bold}.follow-row{display:flex;justify-content:space-between;margin-top:13px;gap:15px}.tomorrow{color:#b93918}.step>p{margin:21px 0 0;line-height:1.4}.dashboard-band{background:linear-gradient(105deg,#e7f6fc,#cdeafd 75%,#e5f4f9);padding:33px 0 0}.dashboard-grid{display:grid;grid-template-columns:26% 56% 18%;align-items:center;gap:0}.dashboard-copy{padding-right:27px;padding-bottom:28px}.dashboard-copy h2{font-size:34px}.dashboard-copy p{font-size:16px}.dashboard{border:2px solid #bbddf4;border-radius:7px;padding:17px;background:#fff;margin-bottom:30px;min-width:0}.tabs{display:flex;gap:24px;border-bottom:1px solid #dce3eb}.tab{background:none;border:0;border-bottom:3px solid transparent;color:#496384;font-size:14px;padding:0 0 10px;cursor:pointer}.tab[aria-pressed=true]{color:var(--ink);font-weight:bold;border-color:var(--ink)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:13px 0}.stat{background:#d7effe;border-radius:5px;padding:12px 7px;text-align:center}.stat:nth-child(2){background:#dff5e9}.stat:nth-child(3){background:#ffedb5}.stat:nth-child(4){background:#e7edf3}.stat b{display:block;font-size:23px;line-height:1.2}.stat span{font-size:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}caption{text-align:left;font-weight:bold;font-size:14px;padding:0 0 8px}th,td{padding:9px 7px;text-align:left;border-bottom:1px solid #edf0f4}th{font-size:12px;color:#415979}th:first-child,td:first-child{padding-left:0}.badge{display:inline-block;padding:3px 7px;border-radius:5px;background:#ffddc8;font-size:12px}.badge.green{background:#d6f0df}.badge.yellow{background:#ffe9a9}.badge.blue{background:#d9edff}.badge.grey{background:#e6edf1}.side-dave{align-self:end;position:relative;padding-top:95px}.side-dave img{display:block;width:120%;max-width:none;margin-left:-8%;position:relative}.bubble{background:#fff;border:2px solid var(--ink);border-radius:48%;padding:16px 18px;text-align:center;font:bold italic 19px/1.15 'Trebuchet MS',sans-serif;position:absolute;top:0;right:0;transform:rotate(3deg);z-index:2}.bubble:after{content:'';width:16px;height:16px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:white;position:absolute;bottom:-9px;left:35%;transform:skew(-20deg) rotate(35deg)}.closing{position:relative;min-height:370px;margin:18px auto 0;border:2px solid var(--ink);border-radius:5px;overflow:hidden;background:#eaf5fb;display:grid;place-items:center}.closing-art{position:absolute;inset:0;width:100%;height:100%}.closing-copy{position:relative;text-align:center;width:48%;padding:25px 20px;background:radial-gradient(ellipse,#fff9e9 48%,#fff9e9ee 65%,transparent 75%);align-self:start;margin-top:12px}.closing-copy h2{font-size:34px}.closing-copy p{margin:15px 0}.footer{padding:28px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:28px;font-size:13px;color:#506785}.footer p{margin:0}.skip{position:absolute;top:-70px;left:20px;padding:12px;background:white;z-index:10}.skip:focus{top:10px}dialog{border:2px solid var(--ink);border-radius:12px;width:min(520px,calc(100% - 32px));padding:30px;color:var(--ink);max-height:90vh;overflow:auto}dialog::backdrop{background:#10213999}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-head h2{font-size:30px}.close{border:0;background:#edf2f5;border-radius:50%;width:35px;height:35px;cursor:pointer;font-size:25px;line-height:1}label{display:block;margin:15px 0 5px;font-weight:bold;font-size:14px}input,textarea{width:100%;border:1px solid #a2b6c9;border-radius:5px;padding:11px;color:var(--ink);background:#fff}textarea{min-height:95px;resize:vertical}form .btn{margin-top:20px;width:100%}.notice{background:#e3f3e7;padding:14px;border-radius:6px;font-size:15px}.tab-note{min-height:32px;font-size:14px;margin:10px 0 0}.demo-disclaimer{font-size:14px}button:disabled{cursor:wait}
@media(min-width:1400px){.hero{min-height:555px}}@media(max-width:1050px){.wrap{width:calc(100% - 32px)}.hero{grid-template-columns:48% 52%;min-height:450px}.hero-copy{padding-top:36px}.hero-copy p{font-size:17px}.feature{padding:20px 15px}.feature h3{font-size:20px}.step{padding:16px}.dashboard-grid{grid-template-columns:30% 70%}.side-dave{display:none}.dashboard-copy h2{font-size:29px}.closing-copy{width:52%}.closing-copy h2{font-size:29px}.links{gap:20px}}@media(max-width:760px){nav{min-height:70px}.brand{font-size:32px}.links{display:none}nav .btn{padding:10px 15px;font-size:14px}.hero{display:flex;flex-direction:column}.hero-copy{padding:38px 5px 30px}.hero-copy h1{font-size:clamp(39px,7.8vw,58px)}.hero-copy p{max-width:560px}.hero-art{height:390px}.features{grid-template-columns:repeat(2,1fr);margin-top:22px;margin-bottom:36px}.feature p{font-size:15px}.steps{grid-template-columns:1fr;gap:18px}.step{padding:22px}.sample{min-height:200px}.mini-form{max-width:270px}.messages{max-width:400px;margin:auto}.follow-card{max-width:380px;margin:auto;width:100%}.dashboard-grid{display:block}.dashboard-copy{padding:0 0 10px}.dashboard-copy h2{max-width:450px;font-size:34px}.dashboard{margin-bottom:0}.dashboard-band{padding-bottom:24px}.closing{min-height:420px}.closing-copy{width:100%;margin-top:0;padding:24px 15px;background:#fff9e9ed}.closing-copy h2{font-size:30px}.closing-art{top:130px;height:290px}.footer{flex-wrap:wrap;gap:15px}.footer p{width:100%}.stats{gap:5px}.stat{padding:10px 4px}.stat span{font-size:12px}}@media(max-width:400px){.features{grid-template-columns:1fr}.hero-art{height:300px}.btn{padding:12px 17px}.wrap{width:calc(100% - 24px)}.tabs{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

.side-dave img{height:auto}
