@font-face{font-family:Nunito;src:url(/fonts/Nunito-Variable.ttf)format("truetype");font-weight:200 1000;font-style:normal;font-display:swap}:root{color-scheme:light;--background:#fcfdff;--surface:#fff;--black:#111;--grey-50:#f5f6fb;--grey-100:#e8eaf0;--grey-300:#c8ccd8;--grey-500:#9098b0;--grey-700:#5c6378;--blue:#2b7cff;--blue-soft:#e6eeff;--green:#1fb87a;--green-medium:#8ed9b8;--green-soft:#e2f7ef;--orange:#f47430;--orange-soft:#feeae1;--orange-dark:#893a0e;--violet:#a18bf3;--violet-soft:#ebe8fe;--violet-dark:#584594;--yellow:#f4bd22;--yellow-soft:#fdf1d6;--yellow-dark:#68521e;--teal:#37b1ba;--teal-soft:#d1f3f5;--teal-dark:#066167;--space-2:8px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px}*{box-sizing:border-box}body{background:var(--background);color:var(--black);margin:0;font-family:Nunito,sans-serif;font-weight:500}h1,h2,h3,p{margin:0}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}button{font:inherit;color:inherit}img,svg{display:block}::selection{background:var(--blue-soft);color:var(--black)}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.skip-link{z-index:10;background:var(--surface);border-radius:8px;padding:12px 16px;position:absolute;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.hero{height:100svh;min-height:420px;padding:var(--space-12) max(48px, calc((100% - 1160px) / 2));place-items:center;display:grid;overflow:clip}.hero-inner{grid-template-columns:minmax(0,560px) minmax(0,520px);align-items:center;gap:80px;width:100%;height:100%;min-height:0;display:grid}.hero-copy{align-items:flex-start;gap:var(--space-6);flex-direction:column;display:flex}h1{letter-spacing:-1.6px;font-size:80px;font-weight:800;line-height:84px}.hero-description{max-width:520px;color:var(--grey-700);font-size:20px;line-height:30px}.download-options{align-items:center;gap:16px;display:flex}.app-store-badge{background:0 0;border:0;border-radius:8px;flex:none;align-items:center;height:56px;padding:0;display:inline-flex}.app-store-badge img{width:auto;height:56px}.app-store-badge:disabled{opacity:1;cursor:not-allowed}.app-store-pending{cursor:default;display:inline-flex}.app-store-pending .app-store-badge{pointer-events:none}.coming-soon{z-index:100;border:1px solid var(--grey-100);background:var(--surface);color:var(--black);white-space:nowrap;pointer-events:none;border-radius:8px;padding:6px 10px;font-size:14px;font-weight:700;line-height:20px;position:fixed}.qr-icon{flex:none}.download-light{justify-content:center}.qr-download{flex:none}.qr{background:var(--black);width:56px;height:56px;color:var(--surface);letter-spacing:.15px;cursor:pointer;border:0;border-radius:16px;flex:none;justify-content:center;align-items:center;padding:8px;font-size:15px;text-decoration:none;display:flex}.qr-panel{border:1px solid var(--grey-100);background:var(--surface);width:240px;color:var(--black);text-align:center;border-radius:16px;margin:0;padding:16px;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.qr-panel[data-positioned]{transform-origin:var(--qr-origin-x,calc(100% - 28px)) var(--qr-origin-y,calc(100% + 40px));transform:none}.qr-panel:popover-open{flex-direction:column;align-items:center;gap:12px;display:flex}.qr-panel:after{content:"";width:100%;height:12px;position:absolute;left:0}.qr-panel[data-side=above]:after{top:100%}.qr-panel[data-side=below]:after{bottom:100%}.qr-panel[data-side=below]{--qr-entrance-y:-8px}.qr-panel-title{font-size:16px;font-weight:700;line-height:24px}.qr-code-frame,.qr-code-frame img{flex:none;width:192px;height:192px}.qr-code-placeholder{background:var(--grey-50);color:var(--grey-700);border-radius:8px;place-items:center;font-size:40px;font-weight:700;line-height:48px;display:grid}.qr-panel-description{color:var(--grey-700);font-size:14px;line-height:20px}.download-light .qr{background:var(--surface);color:var(--black);border-radius:12px}@keyframes qr-emerge{0%{opacity:0;transform:translateY(var(--qr-entrance-y,8px)) scale(.18)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:no-preference){.qr-panel:popover-open[data-positioned]{animation:.18s cubic-bezier(.16,1,.3,1) both qr-emerge}}@media (width<=900px),(hover:none),(pointer:coarse){.qr-download,.qr-panel:popover-open{display:none}}.scene-wrap{width:100%;height:100%;min-height:0;position:relative}.hero-scene{width:520px;height:680px;transform:translate(-50%, -50%) scale(var(--scene-scale,.85));position:absolute;top:50%;left:50%}.orb{transition:transform .45s cubic-bezier(.16,1,.3,1);position:absolute;transform:translate(0)}.orb img{width:100%;height:100%}.orb-orange{width:180px;height:180px;top:31px;left:-3px}.orb-violet{width:276px;height:276px;top:168px;left:254px}.orb-green{width:174px;height:174px;top:518px;left:330px}.orb-yellow{width:138px;height:138px;top:380px;left:2px}.hero-scene[data-motion=paused] .orb{transition:none}.phone{width:344.39px;height:auto;position:absolute;top:-13.5px;left:87.8049px;transform:rotate(4deg)}.features{background:var(--surface);padding:120px max(48px,50% - 600px)}.features-inner{max-width:1200px;margin-inline:auto}.feature-introduction{grid-template-columns:520px 600px;align-items:end;gap:80px;display:grid}h2{letter-spacing:-.56px;font-size:56px;font-weight:800;line-height:60px}.feature-introduction p{color:var(--grey-700);text-align:right;font-size:20px;line-height:30px}.feature-cards{gap:var(--space-8);margin-top:var(--space-16);grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;display:grid}.feature-card{min-width:0;padding:var(--space-6);border:1px solid var(--grey-100);align-items:flex-start;gap:var(--space-6);border-radius:16px;flex-direction:column;display:flex}.feature-art{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:0;border-radius:16px;flex:none;justify-content:center;align-items:center;width:100%;height:180px;padding:0;display:flex;position:relative;overflow:clip}.feature-copy{gap:var(--space-2);flex-direction:column;width:100%;display:flex}h3{font-size:24px;font-weight:700;line-height:29px}.feature-copy p{color:var(--grey-700);font-size:16px;line-height:24px}.rings-art{background:var(--green-soft);container-type:inline-size}.ring-row{--ring-gap:clamp(3px, 1.8cqw, 6px);--ring-size:min(40px, calc((100cqw - 24px - 6 * var(--ring-gap)) / 7));align-items:center;gap:var(--ring-gap);width:calc(7 * var(--ring-size) + 6 * var(--ring-gap));flex:none;display:flex}.day-ring{width:var(--ring-size);height:var(--ring-size);flex:none;place-items:center;display:grid;position:relative}.day-ring svg{width:calc(var(--ring-size) - 4px);height:calc(var(--ring-size) - 4px);position:absolute;inset:2px;overflow:visible}.ring-base{fill:none;stroke:var(--grey-300);stroke-width:4px}.ring-fill{visibility:hidden;fill:none;stroke:var(--green);stroke-width:4px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;transform-origin:50%;transform:rotate(-90deg)}.is-complete .ring-fill{visibility:visible}.ring-number{color:var(--grey-300);letter-spacing:.13px;font-size:13px;line-height:13px}.is-complete .ring-number{color:var(--green)}.skip-mark{visibility:hidden;background:var(--green-medium);width:20px;height:20px;position:absolute;top:calc(50% - 10px);left:calc(50% - 10px);mask:url(/assets/icon-skipped.svg) 50%/20px 20px no-repeat}.is-skipped .ring-base{stroke:var(--green-medium)}.is-skipped .ring-number{visibility:hidden}.is-skipped .skip-mark{visibility:visible}.options-art{background:var(--violet-soft);align-items:flex-end;padding-top:24px}.option-sheet{background:var(--surface);border-radius:16px 16px 0 0;flex-direction:column;gap:8px;width:264px;max-width:calc(100% - 40px);height:150px;padding:16px;display:flex}.option-pill{border:2px solid #0000;border-radius:16px;flex:none;justify-content:center;align-items:center;height:34px;display:flex}.option-pill,.habit-pill{letter-spacing:.55px;text-transform:uppercase;font-size:11px;font-weight:700;line-height:15px}.pill-orange{--pill-main:var(--orange);background:var(--orange-soft);color:var(--orange-dark)}.pill-violet{--pill-main:var(--violet);background:var(--violet-soft);color:var(--violet-dark)}.pill-yellow{--pill-main:var(--yellow);background:var(--yellow-soft);color:var(--yellow-dark)}.pill-teal{--pill-main:var(--teal);background:var(--teal-soft);color:var(--teal-dark)}.option-pill.is-selected{border-color:var(--pill-main)}.habits-art{background:var(--background)}.habit-collage{flex-direction:column;flex:none;gap:8px;width:364px;display:flex;transform:rotate(-20deg)}.habit-row{width:max-content;transform:translateX(var(--row-start,var(--row-offset)));flex:none;gap:4px;display:flex}.habit-pill{white-space:nowrap;border-radius:16px;flex:none;justify-content:center;align-items:center;width:88px;height:23px;padding:4px 8px;display:flex}.closing{background:var(--black);min-height:670px;color:var(--surface);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:96px 120px;display:flex}.closing h2{max-width:860px}.closing>p{max-width:720px;color:var(--grey-100);font-size:20px;line-height:30px}.footer{background:var(--black);min-height:130px;color:var(--grey-100);border-top:1px solid var(--grey-700);align-items:center;padding:40px 120px;font-size:16px;line-height:24px;display:flex}.footer-inner{justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:1200px;margin-inline:auto;display:flex}.footer nav{align-items:center;gap:28px;display:flex}.footer nav a{text-decoration:none}.footer nav a:hover{text-decoration:underline}.footer-credit{text-decoration:none}.footer-credit:hover{text-decoration:underline}@keyframes homepage-enter{0%{opacity:0;translate:0 var(--entrance-distance,18px)}to{opacity:1;translate:0}}@media (prefers-reduced-motion:no-preference){:root:not([data-entrance-complete]) :is(.hero h1,.phone,.hero-description,.hero .download-options,.orb,.feature-introduction,.feature-card,.closing>*,.footer-inner){animation:homepage-enter .46s cubic-bezier(.23, 1, .32, 1) var(--entrance-delay,0s) backwards}.hero h1,.phone{--entrance-distance:24px}.hero-description{--entrance-delay:.14s}.hero .download-options{--entrance-delay:.21s}.orb-orange{--entrance-delay:.26s}.orb-violet{--entrance-delay:.3s}.orb-green{--entrance-delay:.34s}.orb-yellow{--entrance-delay:.38s}.feature-introduction{--entrance-delay:.28s}.feature-card:first-child{--entrance-delay:.34s}.feature-card:nth-child(2){--entrance-delay:.4s}.feature-card:nth-child(3){--entrance-delay:.46s}.closing>*{--entrance-delay:.5s}.footer-inner{--entrance-delay:.54s}}@media (width<=1250px){.hero{padding-inline:var(--space-12)}.hero-inner{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;width:100%;max-width:1080px}h1{letter-spacing:-1.28px;font-size:64px;line-height:68px}.features{padding:80px 48px}.feature-introduction{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px}.feature-break{display:none}.closing,.footer{padding-inline:48px}}@media (width<=1295px){.feature-introduction{gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.feature-break{display:none}.feature-cards{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}.feature-card{grid-template-columns:312px minmax(0,1fr);align-items:start;display:grid}}@media (width<=900px){.hero-inner{gap:var(--space-8);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.hero-copy{width:100%;max-width:560px}.feature-introduction{grid-template-columns:minmax(0,1fr);gap:24px}.feature-introduction p{text-align:left;max-width:600px}.feature-cards{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:48px}.feature-card{grid-template-columns:230px minmax(0,1fr)}.closing h2{font-size:48px;line-height:52px}.footer-inner{align-items:flex-start}.footer p{max-width:320px}}@media (width<=760px){.feature-card{flex-direction:column;align-items:flex-start;display:flex}}@media (width<=600px){.hero{min-height:480px;padding:var(--space-8) var(--space-6)}h1{letter-spacing:-.96px;font-size:48px;line-height:52px}.hero-description{font-size:18px;line-height:28px}.desktop-break{display:none}.features{padding:64px 24px}h2{letter-spacing:-.42px;font-size:42px;line-height:46px}.feature-cards{margin-top:40px}.feature-introduction p{font-size:18px;line-height:28px}.feature-card{flex-direction:column;align-items:flex-start;display:flex}h3{font-size:20px;line-height:25px}.closing{min-height:640px;padding:80px 24px}.closing h2{letter-spacing:-.38px;font-size:38px;line-height:42px}.closing h2 br{display:none}.closing>p{font-size:18px;line-height:28px}.footer{padding:32px 24px}.footer-inner{flex-direction:column;gap:20px}}@media (width<=374px){.download-options{gap:8px;width:100%}}@media (prefers-reduced-motion:reduce){.orb{transition:none;transform:none!important}.orb img{transform:none!important}}
