:root{color-scheme:dark;--bg:#0b0e0d;--surface:#161b18;--line:#ffffff12;--text:#f1f3ef;--muted:#939c96;--mint:#baf3d1;--purple:#c5b7f6;--amber:#eec998;--font:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.5}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button{background:none;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button:disabled{opacity:.35;cursor:not-allowed}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}p,h1,h2,h3{margin:0}p{text-wrap:pretty}.wrap{width:min(1120px,calc(100% - 80px));margin:auto}.site-header{height:100px;display:flex;align-items:center;gap:36px;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;letter-spacing:-.5px}.brand-mark{display:grid;place-items:center;width:30px;height:34px;color:var(--mint)}.brand-mark svg{width:29px;height:29px}.site-header nav{display:flex;gap:32px;margin-left:auto;margin-right:10px;font-size:13px;color:#afb7b1}.site-header nav a:hover{color:var(--text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:13px 20px;border:1px solid #ffffff26;border-radius:9px;background:#ffffff07;font-size:14px;font-weight:570;transition:transform .2s,background .2s}.button:hover{background:#ffffff0e;transform:translateY(-2px)}.button.primary{color:#153123;background:var(--mint);border-color:var(--mint);box-shadow:0 3px 0 #00000012,inset 0 1px 0 #ffffff65}.button.primary:hover{background:#d2ffe3}.button.nav-download{min-height:39px;padding:9px 14px;font-size:12px}.nav-download svg{width:15px;height:15px}.hero{text-align:center;padding-top:51px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;color:#aebeb1;letter-spacing:.15px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);display:inline-block;flex-shrink:0;box-shadow:0 0 0 4px #baf3d108}h1{font-size:clamp(50px,6.6vw,84px);font-weight:500;line-height:1.03;letter-spacing:-3.2px;margin:23px 0 22px}h1 span{color:var(--mint)}.hero-copy{font-size:17px;line-height:1.65;color:#a4ada6;letter-spacing:-.2px}.hero-actions{display:flex;gap:29px;align-items:center;justify-content:center;margin:26px 0 48px}.demo-link{font-size:13px;color:#d6ded7;display:flex;gap:12px;align-items:center}.demo-link span{color:var(--muted);font-size:18px}.demo-link:hover{color:var(--mint)}
/* A desktop, with a small utility hovering above ordinary work. */
.product-stage{height:590px;position:relative;isolation:isolate;overflow:hidden;border-radius:14px;background:#273f3a;border:1px solid #ffffff20;box-shadow:0 22px 90px #0005;text-align:left}.product-stage:before{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 18% 1%,#95a091 0,transparent 52%),linear-gradient(130deg,#627766,#1d4b46 51%,#0f282b)}.desktop-orbit{position:absolute;border-radius:50%;pointer-events:none;z-index:-2;transform:rotate(-32deg)}.orbit-one{width:1250px;height:390px;left:-250px;top:310px;background:linear-gradient(175deg,#96bdb36b,#243c3440 25%,#446658);box-shadow:0 -1px 0 #beddd14d,0 -60px 100px #14292338}.orbit-two{width:1100px;height:460px;left:370px;top:270px;background:linear-gradient(175deg,#b0aca180,#64897c 25%,#29473c);box-shadow:0 -2px 0 #e3ecd729}.desktop-menubar{height:29px;background:#0c171c30;border-bottom:1px solid #ffffff0b;display:flex;justify-content:space-between;align-items:center;padding:0 17px;font-size:10px;color:#f1f6efc4}.desktop-menubar span{display:flex;gap:7px}.desktop-menubar b{font-weight:600}.work-window{position:absolute;left:7%;top:108px;width:58%;height:364px;border:1px solid #ffffff22;background:#202522;border-radius:11px;overflow:hidden;box-shadow:0 18px 60px #0006;transform:rotate(-1.2deg);transition:filter .35s,opacity .35s}.window-chrome{height:41px;background:#292e2b;border-bottom:1px solid #ffffff08;display:flex;justify-content:space-between;align-items:center;padding:0 15px;color:#c0c8c0;font-size:11px}.traffic{display:flex;gap:6px;align-items:center}.traffic i{display:block;width:8px;height:8px;background:#ed7269;border-radius:50%}.traffic i:nth-child(2){background:#e6bb58}.traffic i:nth-child(3){background:#76bb71}.window-chrome>span:last-child{font-size:17px;color:#78827b}.work-content{height:calc(100% - 41px);padding:0 23px;position:relative}.email-meta{display:flex;gap:15px;align-items:center;border-bottom:1px solid #ffffff0a;height:37px;font-size:11px;color:#c2c9c3}.email-meta>span:first-child{color:#848f87;font-size:10px;width:40px}.email-body{padding-top:22px;display:flex;flex-direction:column;gap:12px;font-size:12px;line-height:1.7;color:#b8c1bb}.text-caret{height:13px;width:1px;background:var(--mint)}.email-footer{position:absolute;bottom:15px;left:23px;right:23px;display:flex;align-items:center;justify-content:space-between;color:#707e73;font-size:9px}.send-decoration{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#667e70;color:#e5eee7;font-size:10px;border-radius:5px;padding:5px 9px}.floating-guard{position:absolute;top:72px;right:6.4%;width:354px;z-index:2;transition:transform .25s}.guard-bar{z-index:4;height:49px;background:#1a221eef;border:1px solid #ffffff30;box-shadow:0 8px 25px #0004,inset 0 1px 0 #ffffff0b;backdrop-filter:blur(26px);border-radius:13px;display:flex;position:relative;padding:4px 6px 4px 12px;gap:7px}.guard-expand{flex:1;min-width:0;display:flex;align-items:center;gap:9px;padding:0;font-size:11px;font-weight:550;text-align:left}.guard-expand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.guard-logo{width:20px;height:20px;color:var(--mint)}.guard-expand .expand-icon{width:14px;height:14px;color:#829488;transition:transform .2s}.icon-button{height:32px;width:32px;display:grid;place-items:center;border-radius:7px;flex-shrink:0;color:#a6b2aa}.icon-button:hover{background:#ffffff0c;color:var(--text)}.icon-button svg{width:15px;height:15px}.pause-button{align-self:center;border-left:1px solid #ffffff10;border-radius:0}.pause-menu{position:absolute;z-index:8;top:55px;right:0;width:150px;padding:8px;background:#242d27;border:1px solid #ffffff20;border-radius:10px;box-shadow:0 10px 40px #0007}.pause-menu p{font-size:10px;color:#9ba99e;padding:4px 8px 7px}.pause-menu button{display:block;width:100%;text-align:left;padding:8px;font-size:12px;border-radius:5px}.pause-menu button:hover{background:#ffffff0b}.guard-panel{margin-top:9px;background:#181e1bea;backdrop-filter:blur(30px);border:1px solid #ffffff25;box-shadow:0 18px 45px #0005,inset 0 1px 0 #ffffff08;border-radius:14px;padding:19px 17px 0;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:550;letter-spacing:-.5px}.panel-header .date{font-size:9px;color:#89948d;letter-spacing:.65px}.panel-tabs{display:flex;gap:19px;margin:16px 0 15px;border-bottom:1px solid #ffffff10}.panel-tabs button{font-size:11px;color:#8d9b91;padding:0 1px 10px;position:relative}.panel-tabs button[aria-selected="true"]{color:#e9efeb}.panel-tabs button[aria-selected="true"]:after{content:"";position:absolute;height:2px;background:var(--mint);bottom:-1px;left:0;right:0;border-radius:2px}.goal-card{display:flex;gap:10px;align-items:center;width:100%;text-align:left;background:#baf3d10a;border:1px solid #baf3d114;border-radius:8px;padding:11px 10px;margin-bottom:14px}.goal-icon{color:#baf3d1;display:grid;place-items:center}.goal-icon svg{width:21px;height:21px}.goal-card>span:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0}.goal-card small{font-size:8px;letter-spacing:1.25px;color:#8da095}.goal-card strong{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.goal-edit{color:#6d8474;margin-left:auto}.tasks{display:flex;flex-direction:column;gap:4px;max-height:176px;overflow:auto;scrollbar-width:thin}.task-row{display:flex;align-items:center;gap:10px;min-height:38px;position:relative;border-radius:6px;padding:5px 3px}.task-check{height:26px;width:23px;flex-shrink:0;display:grid;place-items:center}.task-check:before{content:"";display:block;border:1px solid #76867b;width:13px;height:13px;border-radius:5px}.task-check svg{display:none}.task-row.active .task-check:before{border-color:var(--mint);box-shadow:0 0 0 3px #baf3d110}.task-name{font-size:11px;flex:1;min-width:0;overflow-wrap:anywhere}.task-row.active .task-name{color:#e5f2e9}.task-tag{font-size:8px;letter-spacing:.7px;color:var(--mint);background:#baf3d114;border-radius:4px;padding:3px 5px}.task-minutes{font-size:10px;color:#85918a}.task-row.completed .task-name{color:#728178;text-decoration:line-through}.task-row.completed .task-check:before{display:none}.task-row.completed .task-check svg{display:block;width:13px;height:13px;color:var(--mint)}.add-task{display:flex;align-items:center;gap:9px;padding:11px 3px 15px}.add-task>svg{width:15px;height:15px;color:#77867b}.add-task input{border:0;background:none;color:#dce8df;outline:none;min-width:0;width:100%;font-size:11px;padding:4px 0}.add-task input::placeholder{color:#839088}.add-task input:focus-visible{outline:none}.add-task button{font-size:15px;color:#94ab9b}.guard-status{border-top:1px solid #ffffff10;display:flex;gap:8px;align-items:center;padding:11px 0;font-size:9px;color:#a3b2a7}.guard-status .live-dot{width:5px;height:5px}.guard-status svg{width:13px;height:13px;margin-left:auto;color:#6b8071}.side-budget{padding:3px 2px 13px}.side-budget>div:first-child{display:flex;align-items:center;justify-content:space-between}.side-budget span{font-size:10px;color:#aab3ac}.side-budget strong{font-size:22px;color:var(--purple);font-weight:500}.side-budget strong small{font-size:10px;color:#a7a0b9}.budget-track{height:3px;background:#c5b7f618;border-radius:9px;overflow:hidden}.budget-track i{display:block;width:71%;height:100%;border-radius:9px;background:var(--purple)}.side-budget .budget-track{margin:10px 0 7px}.side-budget p{font-size:9px;color:#79877e}.side-task{padding:13px 2px;border-bottom:1px solid #ffffff0a;font-size:11px;display:flex;align-items:center;gap:9px}.side-task>span:last-child{margin-left:auto;color:#7c728e}.purple-dot{height:7px;width:7px;border:1px solid var(--purple);border-radius:3px}.side-note{font-size:10px;color:#8e829e;padding:17px 2px}.nudge{display:flex;gap:11px;margin-top:10px;padding:16px;background:#302a22f5;border:1px solid #ecc99140;border-radius:12px;box-shadow:0 15px 35px #0005;animation:appear .3s ease}.nudge-icon{font-size:25px;color:var(--amber);line-height:1}.nudge strong{font-size:12px;font-weight:550;color:#f4dec0}.nudge p{font-size:10px;color:#bdae98;margin:4px 0 10px}.nudge button{display:flex;align-items:center;gap:12px;padding:0;font-size:10px;color:#f4dec0}.nudge button svg{width:14px;height:14px}.scene-status{position:absolute;bottom:22px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;color:#dce9e0aa}.scene-status .live-dot{width:4px;height:4px}.demo-controls{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:10px;color:#7f8b82}.scenario-switch{display:flex;gap:2px;border:1px solid #ffffff0e;background:#ffffff03;padding:4px;border-radius:8px}.scenario-switch button{border-radius:5px;font-size:10px;padding:7px 12px;color:#8d9d91}.scenario-switch button[aria-pressed="true"]{background:#24322b;color:#d3eddb;box-shadow:0 1px 3px #0005}.preview-note{font-size:9px}.product-stage[data-scenario="busywork"] .work-window,.product-stage[data-scenario="distraction"] .work-window{opacity:.85;filter:brightness(.8)}.research-header{padding:21px 0 13px;font-size:19px;font-weight:500;letter-spacing:-.6px}.research-sub{font-size:10px;color:#8d9a90}.research-palettes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.research-palette{height:106px;border-radius:7px;display:flex;overflow:hidden}.research-palette i{flex:1}.research-footer{display:flex;justify-content:space-between;color:#758a7c;font-size:9px;margin-top:16px}.video-layout{display:flex;gap:12px;padding-top:20px}.fake-video{display:grid;place-items:center;height:164px;flex:1;background:linear-gradient(130deg,#29373b,#776b57);border-radius:7px}.fake-video svg{width:39px;height:39px;color:#faf4dc}.video-sidebar{width:27%;display:flex;flex-direction:column;gap:10px}.video-sidebar i{height:46px;background:#3c4940;border-radius:5px}.video-title{font-size:15px;font-weight:500;margin-top:15px}.video-caption{font-size:9px;color:#92a398;margin-top:6px}
/* Each idea has its own space. */
.story{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center;padding-top:125px;padding-bottom:80px}.story+.story{border-top:1px solid #ffffff0a;padding-top:82px}.story.reverse .story-copy{order:2}.story.reverse .illustration{order:1}.section-number{display:block;font-size:10px;letter-spacing:1.2px;color:#8f9f94;margin-bottom:21px}.story h2,.side-section h2,.download-section h2{font-size:clamp(32px,3.7vw,46px);font-weight:500;line-height:1.13;letter-spacing:-2px}.story-copy p{font-size:14px;line-height:1.85;color:#939f96;margin-top:20px;max-width:340px}.illustration{height:292px;position:relative}.goal-visual{padding:36px 32px;border:1px solid #baf3d119;border-radius:14px;background:linear-gradient(145deg,#1e2922,#111712);box-shadow:0 12px 45px #0002}.goal-heading{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.5px;color:#a6bdae}.goal-heading svg{color:var(--mint);width:18px;height:18px}.goal-visual h3{font-size:22px;font-weight:500;letter-spacing:-.7px;margin-top:21px}.goal-progress{height:5px;background:#a9d4b615;border-radius:8px;margin-top:24px}.goal-progress i{height:100%;width:40%;background:var(--mint);display:block;border-radius:8px}.goal-progress-label{display:flex;justify-content:space-between;font-size:9px;color:#7d9283;margin-top:9px}.goal-progress-label span:first-child{color:#c0d9c8}.needle-line{height:34px;width:1px;margin-left:15px;background:linear-gradient(#3a5945,#2a3e31)}.next-step{border:1px solid #baf3d12a;border-radius:7px;background:#283d2f;display:flex;align-items:center;gap:10px;padding:13px;font-size:11px;box-shadow:0 10px 28px #0003}.small-tag{font-size:7px;letter-spacing:1px;color:#91b09b;margin-left:auto}.context-visual{border-radius:12px;background:#202523;border:1px solid #ffffff19;transform:rotate(-2deg);height:268px;box-shadow:0 16px 45px #0003}.context-toolbar{display:flex;align-items:center;justify-content:space-between;padding:15px;font-size:9px;border-bottom:1px solid #ffffff08;color:#8e9a92}.context-toolbar .traffic i{width:6px;height:6px}.palette-display{display:flex;border-radius:7px;overflow:hidden;height:130px;margin:22px}.palette-display>div{flex:1;background:#25473c}.palette-display>div:nth-child(2){background:#698c7b}.palette-display>div:nth-child(3){background:#b7c5a8}.palette-display>div:nth-child(4){background:#d4c6ae}.palette-display>div:nth-child(5){background:#bba9c4}.context-nudge{position:absolute;left:26px;right:-18px;bottom:-17px;display:flex;gap:11px;align-items:center;padding:17px;background:#313029;border:1px solid #e9c29132;border-radius:10px;transform:rotate(2deg);box-shadow:0 14px 35px #0006}.context-nudge>svg{color:var(--amber);width:21px;height:21px}.context-nudge div{display:flex;flex-direction:column;gap:5px}.context-nudge strong{color:#e3d4b5;font-size:12px;font-weight:500}.context-nudge span{font-size:10px;color:#afa894}.text-action{display:flex;gap:12px;align-items:center;color:var(--mint);font-size:12px;padding:0;margin-top:22px}.text-action svg{width:16px;height:16px}.reminder-visual{background:#1d252080;border-radius:14px;overflow:hidden}.mini-work-lines{display:flex;flex-direction:column;gap:21px;padding:37px;filter:blur(3px);opacity:.35}.mini-work-lines i{height:7px;background:#506e59;width:75%;border-radius:6px}.mini-work-lines i:nth-child(even){width:90%}.reminder-card{position:absolute;inset:24px 37px;background:#202923ed;backdrop-filter:blur(15px);border:1px solid #ffffff26;border-radius:12px;padding:18px 23px;box-shadow:0 14px 30px #0005}.reminder-brand{display:flex;gap:6px;align-items:center;font-size:8px;color:#b3c2b8}.reminder-brand svg{width:13px;height:13px;color:var(--mint)}.reminder-brand span{margin-left:auto;color:#778d7f}.reminder-card h3{font-size:25px;font-weight:500;line-height:1.2;letter-spacing:-.8px;margin-top:19px}.reminder-card p{font-size:10px;color:#a3b7aa;margin-top:11px}.reminder-card .button{margin-top:19px;min-height:32px;padding:8px 12px;font-size:10px;border-radius:6px;width:100%;justify-content:space-between}.reminder-card .button svg{width:14px;height:14px}.side-section{margin-top:60px;border-block:1px solid #c5b7f614;background:#131416;position:relative}.side-inner{padding-block:87px}.side-heading{text-align:center}.side-heading .section-number{color:#9b93ad}.side-heading h2 span{color:var(--purple)}.side-heading p{font-size:14px;line-height:1.8;color:#99959f;margin-top:21px}.side-mode-preview{width:min(680px,100%);margin:43px auto 0;display:flex;align-items:center;gap:17px;border:1px solid #c5b7f631;border-radius:13px;padding:25px 26px;background:#212026;box-shadow:0 10px 30px #0003}.side-mode-icon{display:grid;place-items:center;background:#c5b7f615;border:1px solid #c5b7f620;border-radius:11px;width:44px;height:44px;color:var(--purple)}.side-mode-preview>div:nth-child(2){display:flex;flex-direction:column;gap:5px}.mode-label{font-size:8px;letter-spacing:1px;color:#a59ab9}.side-mode-preview strong{font-size:14px;font-weight:500;color:#e7dfef}.time-budget{width:104px;margin-left:auto;flex-shrink:0}.time-budget>span{font-size:20px;font-weight:450;color:var(--purple);line-height:1}.time-budget small{font-size:9px;color:#938aa4}.time-budget .budget-track{margin-top:13px}.round-action{width:32px;height:32px;display:grid;place-items:center;margin-left:8px;border:1px solid #c5b7f636;border-radius:50%;color:#c5b7f6}.round-action:hover{background:#c5b7f61f}.round-action svg{width:15px;height:15px}.side-footnote{text-align:center;font-size:9px;color:#736c7f;margin-top:20px}.download-section{display:flex;align-items:center;flex-direction:column;text-align:center;padding:100px 0 95px}.brand-mark.large{height:53px;width:53px;border:1px solid #baf3d125;border-radius:14px;background:#baf3d10b;box-shadow:inset 0 1px 0 #ffffff10}.brand-mark.large svg{height:30px;width:30px}.download-section h2{margin-top:25px}.download-section .button{margin-top:28px}.download-detail{font-size:10px;color:#9caaa0;margin-top:16px}.download-requirements{font-size:10px;max-width:420px;color:#748178;margin-top:7px}footer{border-top:1px solid #ffffff0c;min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px;color:#727e76}footer .brand{font-size:12px;color:#b4c0b7;font-weight:500}footer .brand svg{width:19px;height:19px;color:#95b8a1}footer button{font-size:10px;color:#89968d;padding:10px}dialog{color:var(--text);background:#1b231e;border:1px solid #ffffff25;border-radius:16px;padding:30px;box-shadow:0 24px 100px #0008}dialog::backdrop{background:#070d09c9;backdrop-filter:blur(9px)}.form-dialog{width:min(430px,calc(100vw - 32px))}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.dialog-heading h2{font-size:23px;letter-spacing:-.6px;font-weight:500}.form-dialog label{display:block;font-size:12px;color:#9cb09f;margin-bottom:10px}.form-dialog input,.block-dialog input{width:100%;background:#111914;border:1px solid #ffffff23;border-radius:8px;padding:12px;font-size:14px;color:#e8f4ed}.form-dialog .button{width:100%;margin-top:19px}.form-dialog p{font-size:13px;color:#adbbb1;line-height:1.8;margin-top:17px}.block-dialog{width:min(820px,calc(100vw - 32px));padding:60px 40px 48px;text-align:center;background:#18231deb}.block-close{position:absolute;top:13px;right:13px}.block-dialog .brand-mark{margin:0 auto 30px}.block-dialog h2{font-size:clamp(28px,4vw,43px);letter-spacing:-1.4px;font-weight:500;margin:19px 0 15px}.block-description{font-size:13px;color:#9dae9f}.block-dialog>.button{margin-top:30px;min-width:170px}.bypass-reveal{display:block;margin:20px auto 0;color:#9aac9e;font-size:11px}.block-dialog form{max-width:440px;margin:24px auto 0}.block-dialog label{display:block;font-size:11px;color:#a6b7a9;margin-bottom:10px}.block-dialog form .button{font-size:11px;margin-top:12px}.block-dialog form>span{display:block;font-size:10px;color:#92a696;margin-top:9px}.block-preview-note{display:block;margin-top:35px;font-size:9px;color:#667e6d}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:12px 18px;border-radius:9px;background:#2b3e30;border:1px solid #baf3d140;box-shadow:0 10px 25px #0004;font-size:12px;color:#d7ebdd;z-index:30;max-width:calc(100vw - 32px);text-align:center;animation:appear .2s ease}@keyframes appear{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
@media(min-width:1400px){.hero{padding-top:67px}.hero-actions{margin-bottom:55px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.story{gap:55px}.floating-guard{right:4%;width:330px}.work-window{left:5%;width:60%}.hero{padding-top:35px}.product-stage{height:560px}.context-nudge{right:-5px}.reminder-card{inset:24px}.side-mode-preview{padding:24px}.hero h1{letter-spacing:-3.8px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.site-header{height:78px;gap:12px}.brand{font-size:15px;gap:7px}.site-header nav{display:none}.button.nav-download{font-size:10px;padding:8px 10px;min-height:35px;gap:7px}.hero{padding-top:30px}.eyebrow{font-size:10px}h1{font-size:clamp(42px,13.3vw,52px)!important;letter-spacing:-2.2px!important;margin-top:22px}.hero-copy{font-size:14px;line-height:1.7;max-width:330px;margin:auto}.desktop-break{display:none}.hero-actions{gap:23px;margin:25px 0 32px}.hero-actions .button{font-size:12px;padding:11px 15px;min-height:44px}.hero-actions .button svg{width:17px;height:17px}.demo-link{font-size:11px;gap:7px}.product-stage{height:571px;border-radius:12px;overflow:hidden}.desktop-menubar{font-size:7px;padding:0 9px;height:24px}.desktop-menubar span{gap:1px}.desktop-menubar>span:first-child{max-width:55%;overflow:hidden;white-space:nowrap}.work-window{top:65px;left:6%;width:88%;height:350px;transform:rotate(-2deg);opacity:.6}.work-content{padding-inline:15px}.email-body{font-size:10px}.email-meta{font-size:9px}.floating-guard{width:calc(100% - 34px);max-width:354px;right:17px;top:109px}.guard-bar{height:49px}.guard-panel{padding:17px 15px 0}.guard-expand{font-size:11px}.task-name{font-size:11px}.scene-status{bottom:16px;font-size:9px}.demo-controls{flex-wrap:wrap;gap:12px;justify-content:center;margin-top:15px}.demo-controls>span:first-child{font-size:10px}.preview-note{width:100%;text-align:center;font-size:8px}.scenario-switch button{padding:9px 10px;min-height:35px;font-size:10px}.story,.story+.story{display:flex;flex-direction:column;gap:34px;align-items:stretch;padding-top:65px;padding-bottom:55px}.story.reverse .story-copy,.story.reverse .illustration{order:initial}.story-copy{max-width:380px}.story h2,.side-section h2,.download-section h2{font-size:37px;letter-spacing:-1.7px}.story-copy p{font-size:13px;line-height:1.8;margin-top:15px;max-width:340px}.section-number{font-size:9px;margin-bottom:17px}.illustration{width:100%;height:280px}.goal-visual{padding:30px 25px}.goal-visual h3{font-size:22px}.goal-progress{margin-top:23px}.context-visual{height:240px;width:calc(100% - 10px);margin:8px auto 16px}.palette-display{height:110px;margin:20px}.context-nudge{padding:15px;left:14px;right:-8px}.context-nudge strong{font-size:11px}.context-nudge span{font-size:9px}.reminder-card{inset:22px 28px}.side-section{margin-top:24px}.side-inner{padding-block:58px}.side-heading p{font-size:13px;max-width:320px;margin-inline:auto}.side-mode-preview{padding:19px 16px;gap:12px;flex-wrap:wrap;margin-top:31px;max-width:380px}.side-mode-icon{width:37px;height:37px;border-radius:9px}.side-mode-preview strong{font-size:12px}.mode-label{font-size:7px}.time-budget{order:4;width:calc(100% - 49px);margin-left:49px;display:flex;align-items:center;gap:15px}.time-budget .budget-track{flex:1;margin-top:0}.time-budget>span{font-size:17px;white-space:nowrap}.round-action{margin-left:auto;width:28px;height:28px}.side-footnote{font-size:8px}.download-section{padding:67px 0}.download-section h2{font-size:38px}.download-requirements{font-size:9px;padding-inline:15px}footer{flex-wrap:wrap;gap:15px;padding-block:25px;min-height:100px}footer>span{order:3;width:100%;font-size:9px}footer .brand{font-size:11px}footer button{padding:5px}.block-dialog{padding:48px 20px 30px}.block-description{font-size:12px}.block-dialog input{font-size:12px}.block-preview-note{margin-top:25px}.add-task input{font-size:16px}.add-task{padding-top:8px;padding-bottom:10px}.add-task input::placeholder{font-size:11px}.task-check{min-height:32px}.panel-tabs button{min-height:35px}.nudge{padding:13px}.nudge button{min-height:27px}.product-stage[data-scenario="busywork"] .floating-guard,.product-stage[data-scenario="distraction"] .floating-guard{top:54px}.form-dialog input{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep reminders beside the list so both stay visible on the desktop. */
@media(min-width:701px){.nudge{position:absolute;width:280px;right:calc(100% + 20px);top:316px;margin-top:0}.nudge p{max-width:220px}}
@media(max-width:700px){.product-stage{height:640px}}

.product-stage{overflow:clip}.preview-note button{font-size:9px;color:#a7b5ab;margin-left:7px;padding:5px 0 5px 8px;border-left:1px solid #ffffff20}.preview-note button:hover{color:var(--mint)}