/* A single responsive DOM, inside a continuously resizable 3D frame. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:4%;padding:156px 5% 30px;min-height:920px;align-items:start;overflow:hidden}.hero-copy{position:relative;z-index:1;padding-top:17px}.hero h1{font-size:clamp(46px,5.1vw,84px);white-space:normal}.hero-actions{gap:23px;flex-wrap:wrap}.hero-bottom{grid-column:1/-1;position:relative;inset:auto;margin-top:20px;padding-top:22px}.hero-global{line-height:1.6}
.responsive-demo{position:relative;min-width:0;width:100%;scroll-margin-top:30px;isolation:isolate}.responsive-heading{position:relative;z-index:1}.responsive-heading>.eyebrow{font-size:11px;letter-spacing:.11em;color:#95b19f}.responsive-heading h2{font-size:clamp(31px,3.1vw,45px);line-height:1.09;letter-spacing:-.045em;margin-top:9px}.responsive-heading h2 br{display:none}.responsive-heading h2 em{color:#c1f5ce;margin-left:5px;letter-spacing:-.05em}.responsive-heading>p:last-child{font-size:14px;color:#a9c1b1;margin-top:11px}.device-stage{height:475px;position:relative;margin:2px -20px 0;perspective:1500px;isolation:isolate}.stage-grid{position:absolute;inset:10% 2% 1%;background-image:linear-gradient(#aac8b316 1px,transparent 1px),linear-gradient(90deg,#aac8b316 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(ellipse,black,transparent 70%);transform:rotateX(58deg) rotateZ(-20deg) translateY(36px);pointer-events:none}.device-shadow{position:absolute;bottom:36px;left:23%;right:23%;height:26px;border-radius:50%;background:#0007;filter:blur(18px);pointer-events:none}.device-fit{--device-scale:.59;--device-width:360px;--device-height:640px;--device-radius:43px;--device-pad:12px;--tilt-x:7deg;--tilt-y:-13deg;--tilt-z:-3deg;--notch-opacity:1;--home-opacity:1;--chrome-height:0px;--chrome-opacity:0;width:calc(var(--device-width) + var(--device-pad)*2 + 6px);height:calc(var(--device-height) + var(--device-pad)*2 + 20px);transform:translate(-50%,-50%) scale(var(--device-scale));transform-origin:center;position:absolute;left:50%;top:48%;z-index:2;will-change:transform}.responsive-device{position:absolute;inset:0;padding:calc(var(--device-pad) + 7px) var(--device-pad);border-radius:var(--device-radius);background:linear-gradient(122deg,#758a7b,#c8d6c8 25%,#839789 48%,#3c5142 79%,#a3b3a4);border:2px solid #c2d2c4;box-shadow:1px 1px 0 #809183,3px 3px 0 #435b4b,5px 5px 0 #344938,7px 7px 0 #23382b,9px 9px 0 #172c20,11px 11px 0 #688472,17px 22px 26px #0007;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) rotateZ(var(--tilt-z));transform-style:preserve-3d;will-change:transform;width:100%;height:100%}.responsive-device:before{content:'';position:absolute;left:-6px;top:108px;width:4px;height:56px;border-radius:3px 0 0 3px;background:#6f8778;opacity:var(--notch-opacity)}.device-screen{container-type:inline-size;container-name:device;position:relative;width:100%;height:100%;background:#f4f5f1;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;border:1px solid #1d31269c;border-radius:calc(var(--device-radius) - var(--device-pad));color:#23382c;isolation:isolate}.device-screen::-webkit-scrollbar{display:none}.device-camera{position:absolute;top:24px;left:50%;width:86px;height:20px;transform:translateX(-50%);border-radius:20px;background:#152a1e;z-index:4;opacity:var(--notch-opacity);pointer-events:none;box-shadow:inset 0 1px 2px #0008}.device-camera:after{content:'';position:absolute;right:9px;top:6px;width:7px;height:7px;border-radius:50%;background:#2a4535;box-shadow:inset 0 0 0 2px #49624c}.device-home{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);width:102px;height:5px;background:#233c2a70;border-radius:10px;z-index:4;pointer-events:none;opacity:var(--home-opacity)}.device-browser{height:var(--chrome-height);opacity:var(--chrome-opacity);overflow:hidden;display:flex;align-items:center;gap:16px;background:#dfe6df;border-bottom:1px solid #ccd6cb;padding:0 15px;font-size:13px;color:#5b6c5e;position:sticky;top:0;z-index:3}.browser-lights{display:flex;gap:5px}.browser-lights i{width:7px;height:7px;border:1px solid #819181;border-radius:50%}.browser-address{margin:auto;background:#f0f4ed;border-radius:4px;padding:2px 32px;font-size:12px}.device-grip{position:absolute;right:-45px;top:50%;width:48px;height:66px;transform:translate(50%,-50%) scale(calc(1 / var(--device-scale)));transform-origin:center;background:#d8f8df;color:#193c27;box-shadow:0 4px 25px #0004;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #effff0;border-radius:100px;cursor:ew-resize;touch-action:none;z-index:8;font-size:19px;user-select:none;-webkit-user-select:none}.device-grip:hover,.device-grip:focus-visible{background:#f0fff0;box-shadow:0 0 0 6px #c1f5ce20,0 4px 25px #0004}.grip-lines{width:7px;height:23px;border-left:1px solid #5d8769;border-right:1px solid #5d8769}.device-grip:active{cursor:grabbing}.responsive-demo.is-dragging{user-select:none}.responsive-demo.is-dragging .device-grip{background:#fff;box-shadow:0 0 0 7px #c1f5ce25,0 4px 25px #0004}.device-measure{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:5px;font-size:12px;color:#a3beac;font-variant-numeric:tabular-nums;line-height:24px}.measure-divider{width:20px;height:1px;background:#567060;margin:0 7px}.device-controls{margin:17px 0 0;display:grid;gap:5px}.device-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.device-presets button{min-height:45px;border:1px solid #4b6555;border-radius:100px;color:#bad0c1;font-size:14px;display:flex;gap:9px;align-items:center;justify-content:center;transition:background .16s,color .16s,border-color .16s}.device-presets svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;fill:none}.device-presets button:hover{border-color:#a2c8ad;background:#233b2c}.device-presets button[aria-pressed=true]{background:#c1f5ce;color:#163722;border-color:#c1f5ce}.device-range-wrap{padding:8px 2px 0;position:relative}.device-range-wrap input{width:100%;appearance:none;-webkit-appearance:none;background:transparent;display:block;height:35px;margin:0;cursor:ew-resize;touch-action:pan-y;accent-color:#c1f5ce}.device-range-wrap input::-webkit-slider-runnable-track{height:3px;border-radius:10px;background:linear-gradient(to right,#c1f5ce var(--range-progress,0%),#3e5d49 var(--range-progress,0%))}.device-range-wrap input::-moz-range-track{height:3px;border-radius:10px;background:#3e5d49}.device-range-wrap input::-moz-range-progress{height:3px;background:#c1f5ce}.device-range-wrap input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:21px;height:21px;border-radius:50%;background:#c1f5ce;border:5px solid #d9fbe1;box-shadow:0 0 0 5px #c1f5ce0d;margin-top:-9px}.device-range-wrap input::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#c1f5ce;border:4px solid #d9fbe1;box-shadow:0 0 0 5px #c1f5ce0d}.range-endpoints{display:flex;justify-content:space-between;font-size:10px;color:#7e9b88;font-variant-numeric:tabular-nums;margin-top:-2px}.device-instruction{font-size:12px;color:#b6cbbc;margin-top:12px;line-height:1.6}.demo-footnote{font-size:11px;color:#789884;margin-top:5px;line-height:1.6}.device-noscript{font-size:14px;color:#c1f5ce;padding-top:8px}
/* All layout changes happen here at the screen's actual width, not page width. */
.sample-app{display:flex;flex-direction:column;min-height:calc(100% - var(--chrome-height));font-family:var(--font);font-size:14px;line-height:1.45;padding-top:26px}.sample-app h3,.sample-app h4{margin:0;font-family:var(--display);font-weight:600;letter-spacing:-.035em}.sample-header{display:flex;align-items:center;gap:14px;padding:15px 22px 13px;border-bottom:1px solid #dfe5dc;flex:none}.sample-brand{display:flex;gap:6px;align-items:center;font-size:23px;letter-spacing:-1.2px}.sample-mark{font-size:31px;line-height:1;color:#3e6c49}.sample-brand strong{font-weight:700}.sample-workspace{display:none;font-size:12px;color:#6c7c6e;margin-left:8px}.sample-avatar{margin-left:auto;background:#deebd8;color:#536c4c;width:31px;height:31px;display:grid;place-items:center;font-size:10px;border-radius:50%;letter-spacing:-.05em}.sample-main{padding:21px 20px 25px;min-width:0;flex:1}.sample-greeting{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}.sample-kicker{font-size:9px;letter-spacing:.12em;font-weight:600;color:#647c62}.sample-greeting h3{font-size:24px;line-height:1.18;margin-top:4px;max-width:210px}.sample-date{display:none;font-size:12px;white-space:nowrap;color:#6d7c6a;border:1px solid #cad4c5;border-radius:5px;padding:7px 10px}.sample-date>span{margin-left:10px}.sample-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:18px}.sample-stats>div{min-width:0;padding:10px 0;border-top:1px solid #cfd9c9}.sample-stats>div>span{font-size:9px;color:#73836e;display:block;white-space:nowrap}.sample-stats strong{display:block;font-weight:500;font-size:23px;line-height:1.3;margin-top:5px}.sample-stats small{display:none;font-size:11px;font-weight:400;color:#73836e;margin-left:5px}.sample-content-grid{display:grid;gap:17px;align-items:start}.sample-project{background:#e2edce;border:1px solid #d6e3c3;border-radius:13px;padding:16px 17px 18px;position:relative;overflow:hidden}.sample-project-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.sample-status{font-size:9px;display:flex;align-items:center;gap:4px;color:#507040;background:#f2f7e3;border-radius:20px;padding:4px 7px}.sample-status i{width:4px;height:4px;background:#719b48;border-radius:50%}.sample-project-art{height:98px;position:relative;display:grid;place-items:center;perspective:300px}.sample-project-art div{position:absolute;width:73px;height:73px;border-radius:15px 15px 30px 15px;background:#365b3b;transform:rotate(-27deg) skew(4deg,4deg);box-shadow:inset 0 0 0 1px #638658}.sample-project-art div:nth-child(1){transform:translate(-36px,8px) rotate(-27deg) skew(4deg,4deg);background:#98b770}.sample-project-art div:nth-child(2){transform:translate(0,-1px) rotate(-27deg) skew(4deg,4deg);background:#608347}.sample-project-art div:nth-child(3){transform:translate(35px,-9px) rotate(-27deg) skew(4deg,4deg);background:#304d31}.sample-project-copy h4{font-size:24px;line-height:1.2}.sample-project-copy p{font-size:11px;color:#718064;line-height:1.5;margin-top:6px}.sample-project-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:17px 0 13px;font-size:10px;color:#526748}.sample-avatars{display:flex;padding-left:4px}.sample-avatars span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#eaf2df;border:2px solid #e2edce;margin-left:-4px;font-size:7px;color:#687c5b}.sample-avatars span:nth-child(2){background:#bdcda7}.sample-avatars span:nth-child(3){background:#799367;color:#f4f8e9}.sample-progress{height:4px;background:#c2d4a8;border-radius:8px;overflow:hidden}.sample-progress>span{display:block;width:75%;height:100%;background:#577a3c;border-radius:8px}.sample-tasks{min-width:0}.sample-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.sample-section-head h4{font-size:16px}.sample-section-head>span{font-size:10px;color:#7b8c76}.sample-task{display:flex;align-items:center;gap:9px;border-bottom:1px solid #dee5d8;padding:14px 0}.sample-task-icon{width:17px;height:17px;border:1px solid #c3ceba;border-radius:50%;flex:none}.sample-task-icon.done{display:grid;place-items:center;background:#e1edcf;color:#668c44;border-color:#e1edcf;font-size:10px}.sample-task-icon.progress{border:3px solid #d8e5ca;border-top-color:#7f9e5f;border-right-color:#7f9e5f;transform:rotate(-30deg)}.sample-task>div{min-width:0}.sample-task strong{font-size:12px;font-weight:500;display:block}.sample-task>div>span{display:block;font-size:10px;color:#8a9782;margin-top:3px}.sample-person{width:23px;height:23px;background:#e6ebe0;border-radius:50%;display:grid;place-items:center;margin-left:auto;font-size:7px;color:#8b9983;flex:none}.sample-next{display:flex;align-items:center;gap:9px;background:#eaf0e1;padding:12px;border-radius:7px;margin-top:15px}.sample-next-icon{font-size:23px;color:#8ba078}.sample-next strong{display:block;font-size:11px;font-weight:500}.sample-next>div>span{display:block;font-size:10px;color:#809272;margin-top:3px}.sample-nav{display:flex;justify-content:space-around;gap:7px;border-top:1px solid #dbe3d3;background:#f1f5ea;order:3;padding:11px 16px 22px;position:sticky;bottom:0;z-index:2;flex:none}.sample-nav>span{display:flex;align-items:center;flex-direction:column;gap:4px;font-size:9px;color:#9aa58e}.sample-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.sample-nav>span.sample-current{color:#395e34}.sample-nav-note{display:none}
@container device (min-width:600px){.sample-app{padding-top:0}.sample-header{padding:17px 26px}.sample-workspace{display:block}.sample-main{padding:23px 28px 28px}.sample-greeting{margin-bottom:22px}.sample-greeting h3{max-width:none;font-size:29px}.sample-kicker{font-size:10px}.sample-date{display:block}.sample-stats{gap:20px;margin-bottom:22px}.sample-stats>div{padding:14px 0}.sample-stats>div>span{font-size:11px}.sample-stats strong{font-size:29px}.sample-stats small{display:inline}.sample-content-grid{grid-template-columns:1fr 1fr;gap:23px}.sample-project{padding:18px 20px 20px}.sample-project-art{height:114px}.sample-project-copy h4{font-size:25px}.sample-project-copy p{font-size:12px}.sample-project-bottom{margin-top:20px}.sample-tasks{padding-top:3px}.sample-section-head{margin-bottom:6px}.sample-section-head h4{font-size:18px}.sample-task{padding:16px 0;gap:10px}.sample-task strong{font-size:13px}.sample-task>div>span{font-size:11px}.sample-next{margin-top:21px;padding:13px}.sample-next strong{font-size:12px}.sample-next>div>span{font-size:11px}.sample-nav{order:0;position:static;border-top:0;border-bottom:1px solid #dbe3d3;justify-content:start;gap:26px;padding:13px 27px}.sample-nav>span{flex-direction:row;gap:7px;font-size:12px}.sample-nav svg{width:16px;height:16px}}
@container device (min-width:920px){.sample-app{display:grid;grid-template-columns:175px minmax(0,1fr);grid-template-rows:66px 1fr}.sample-header{grid-column:1/-1;grid-row:1;padding:15px 26px}.sample-main{grid-column:2;grid-row:2;padding:28px 30px 32px}.sample-nav{grid-column:1;grid-row:2;border-right:1px solid #dbe3d3;border-bottom:0;padding:28px 15px;display:flex;flex-direction:column;justify-content:start;gap:9px}.sample-nav>span{padding:10px 12px;font-size:13px;gap:10px}.sample-nav>span.sample-current{background:#e1ebd3;border-radius:6px}.sample-nav-note{display:block;margin-top:auto;padding:28px 12px 0;font-size:11px;line-height:1.7;color:#91a184}.sample-greeting h3{font-size:32px}.sample-greeting{margin-bottom:25px}.sample-stats{gap:27px;margin-bottom:22px}.sample-stats>div{padding:13px 0}.sample-stats>div>span{font-size:12px}.sample-stats strong{font-size:31px}.sample-stats small{font-size:12px}.sample-content-grid{gap:27px;grid-template-columns:1.03fr 1fr}.sample-project-art{height:103px}.sample-project-copy h4{font-size:27px}.sample-project-top .sample-kicker{font-size:10px}.sample-status{font-size:10px}.sample-project-bottom{font-size:11px}.sample-task{padding:17px 0}.sample-task strong{font-size:14px}.sample-task>div>span{font-size:12px}.sample-section-head h4{font-size:19px}.sample-next strong{font-size:13px}}
@media(min-width:1600px){.hero{padding-left:max(5%,calc((100vw - 1600px)/2));padding-right:max(5%,calc((100vw - 1600px)/2));min-height:980px}.responsive-demo{max-width:770px;justify-self:end}.device-stage{height:530px}.hero-copy{padding-top:35px}.device-instruction{font-size:14px}.demo-footnote{font-size:12px}}
@media(max-width:1100px){.hero{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:3%;padding-top:133px;min-height:875px}.hero h1{font-size:clamp(43px,5.3vw,61px)}.hero-actions{gap:18px}.hero-actions .button{font-size:14px;padding:14px 20px}.responsive-heading h2{font-size:31px}.responsive-heading h2 br{display:block}.responsive-heading h2 em{margin-left:0}.device-stage{height:440px;margin-top:-1px}.hero-proof{gap:23px}.hero-description{font-size:16px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:129px;padding-bottom:31px;gap:40px;min-height:0}.hero-copy{padding-top:0}.hero h1{font-size:clamp(51px,8.5vw,69px)}.hero h1 br:first-of-type{display:none}.hero h1 em{display:block}.hero h1 em br{display:none}.hero-description{max-width:470px;margin-top:22px}.hero-copy>.eyebrow{max-width:none;margin-bottom:24px}.hero-proof{margin-top:29px}.responsive-demo{border-top:1px solid #34543e;padding-top:27px}.responsive-heading h2{font-size:34px}.responsive-heading h2 br{display:none}.responsive-heading h2 em{margin-left:5px}.device-stage{height:470px;margin:0 -14px}.device-controls{max-width:600px;margin-left:auto;margin-right:auto}.device-instruction,.demo-footnote{text-align:center}.hero-bottom{margin-top:0}.device-presets button{min-height:47px}.device-instruction{font-size:13px}}
@media(max-width:550px){.hero{padding:118px 6% 26px;gap:29px}.hero h1{font-size:clamp(38px,10.4vw,57px)}.hero h1 br:first-of-type{display:block}.hero h1 em br{display:block}.hero-copy>.eyebrow{font-size:11px;margin-bottom:20px;max-width:280px}.hero-description{font-size:16px;max-width:330px;margin-top:20px}.hero-actions{gap:21px;margin-top:24px}.hero-proof{gap:25px;margin-top:27px}.hero-proof strong{font-size:14px}.hero-proof>span{font-size:12px}.hero-global{font-size:12px;margin-top:18px}.responsive-demo{padding-top:24px}.responsive-heading>.eyebrow{font-size:11px}.responsive-heading h2{font-size:29px}.responsive-heading>p:last-child{font-size:14px;margin-top:9px}.device-stage{height:415px;margin:0 -8px}.device-presets button{font-size:14px;gap:7px;min-height:46px}.device-presets svg{width:17px;height:17px}.device-measure{font-size:11px}.device-instruction{font-size:12px;max-width:330px;margin:10px auto 0}.demo-footnote{font-size:11px}.range-endpoints{font-size:10px}.hero-bottom{gap:20px;margin-top:2px}.hero-bottom>span,.hero-bottom a{font-size:11px;max-width:46%}.work .heycoach-showcase{margin-bottom:35px}}
@media(max-width:360px){.hero h1{font-size:38px}.responsive-heading h2{font-size:26px}.device-stage{height:387px}.hero-actions{gap:17px}.hero-actions .button{font-size:13px;padding:14px 17px}.hero-actions .quiet-link{font-size:13px}.device-presets button{font-size:13px}.device-instruction{max-width:270px}.demo-footnote{font-size:10px}}
@media(prefers-reduced-motion:reduce){.responsive-device,.device-fit{will-change:auto}.device-presets button{transition:none}}