/* Separate proposal based on supplied visual references. */
:root{--study-lime:#dff35a;--study-purple:#7865e7;--study-lilac:#ead3f5;--study-ink:#22251f}
body{color:var(--study-ink);background:#fff}
.nav{height:105px}.brand{font-size:30px;font-weight:760;letter-spacing:-1.7px;gap:0}.brand-dot{margin-left:0;color:#7766dc}.nav .brand-icon{display:none}.nav nav{border:0;background:#f6f6f2}.nav-download{background:var(--study-lime);border-color:var(--study-lime);box-shadow:none;color:var(--study-ink);font-size:11px}
.design-hero{padding-top:58px;padding-bottom:75px;gap:45px;max-width:1280px;grid-template-columns:.9fr 1.15fr}
.design-hero:before{background:radial-gradient(ellipse at 83% 83%,#eef5c780,transparent 57%);border-radius:0}
.design-hero h1{font-size:clamp(70px,8.3vw,111px);letter-spacing:-6px;line-height:.97;font-weight:720}.design-hero h1 .highlight{z-index:0}.design-hero .highlight:after{display:block;inset:auto -5px 2px;height:17px;background:var(--study-lime);opacity:1;transform:rotate(-2deg);z-index:-1}
.design-hero .intro{font-size:17px;line-height:1.6;color:#73776d;margin-top:30px}.design-hero .download{box-shadow:none;background:var(--study-ink);border-radius:30px;font-size:12px;padding-left:21px}.design-hero .download>span{background:var(--study-lime)}
.design-hero .desktop.simulation{height:432px;border:1.5px solid #363a30;border-radius:18px;box-shadow:7px 8px 0 #eeeee7;background:white}.mac-menubar{background:#f8f8f4;color:#a0a393;border-bottom-color:#eceee6}
.task-banner{background:var(--study-lime);border-color:#d4e653;color:var(--study-ink);border-radius:5px}.banner-task strong,.banner-time,.task-banner button,#add-open{color:var(--study-ink)}
.sim-apps{left:20px;right:20px;top:87px}.sim-window{border-color:#edf0e7;border-radius:8px}.sim-titlebar{color:#a4a995}.todo-heading h3{font-size:24px;letter-spacing:-.8px}.sim-task.current,.sim-task.new-task{background:#f2f6d9}.sim-task.current .empty-circle{border-color:#879a34}.do-next{color:#7765cd}.do-next:hover{background:#eadff7}#sim-input.demo-typing,#sim-input:focus{border-color:#afbe62;box-shadow:0 0 0 3px #e1ed9c40}.demo-pressed{background:#7865e7!important}.sim-dock{background:#f6f7f0;border-color:#e9ecdf}.sim-dock button.selected{color:#4a5737}.sim-footer p{color:#747a68}.sim-footer button{background:#f2edf8;border-color:transparent;color:#7b6a9a}.simulation-label{color:#a0a593}
.focus-break{background:var(--study-ink);color:white;padding:64px 0 67px;position:relative;overflow:hidden}.focus-break .wrap{position:relative;display:grid;grid-template-columns:1.3fr 1fr;column-gap:80px}.focus-break .wrap>p:first-child{grid-column:1/-1;color:#afb6a2;font-size:8px;letter-spacing:1.2px;margin:0 0 27px}.focus-break h2{grid-row:2/4;font-size:76px;line-height:.98;letter-spacing:-4px;font-weight:620;margin:0}.focus-break h2 span{color:var(--study-lilac)}.reminder-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;align-self:end;background:var(--study-lime);color:#22251f;border-radius:5px;padding:9px 13px;font-size:11px;transform:rotate(-2deg);margin-bottom:20px;box-shadow:5px 5px 0 #ffffff0a}.break-copy{font-size:14px;line-height:1.6;color:#b4bca9;margin:0;padding-left:3px}
.steps{gap:20px;padding-top:75px;padding-bottom:65px}.steps article{border:0;border-radius:13px;background:#f5f5f0;padding:25px}.steps article:nth-child(2){background:#edf4c0;transform:translateY(-13px)}.steps article:nth-child(3){background:#eee2f5}.step-number{color:#747d63}.steps h2{font-size:31px;font-weight:640;letter-spacing:-1.2px;margin-top:24px}.steps p{font-size:13px;color:#69715e}.less{padding-top:45px}.less h2{font-weight:640}.less h2>span{color:#7964d8}.closing{background:var(--study-lime);border:0}.closing strong{font-weight:650}footer .brand{font-size:25px}
@media(max-width:900px){.design-hero{grid-template-columns:1fr;max-width:650px;gap:42px;padding-top:35px}.design-hero h1{font-size:95px}.focus-break h2{font-size:65px}.focus-break .wrap{column-gap:35px}}
@media(max-width:560px){.nav{height:85px}.nav .brand{font-size:27px}.design-hero{padding-top:30px;padding-bottom:55px}.design-hero h1{font-size:clamp(64px,19vw,88px);letter-spacing:-4px}.design-hero .intro{font-size:16px}.design-hero .desktop.simulation{height:411px;box-shadow:4px 5px 0 #eeeee7}.sim-apps{left:12px;right:12px;top:82px}.focus-break{padding:40px 0}.focus-break .wrap{display:block}.focus-break .wrap>p:first-child{font-size:6px;line-height:1.8}.focus-break h2{font-size:65px;letter-spacing:-3px;margin-bottom:30px}.reminder-strip{font-size:10px;padding:9px 11px;max-width:340px}.break-copy{font-size:13px}.steps{gap:15px;padding-top:45px}.steps article{padding:22px}.steps article:nth-child(2){transform:none}.steps h2{font-size:26px;margin-top:19px}.steps p{font-size:12px}.step-number{font-size:7px}}