.uptime-link{display:inline-grid;grid-template-columns:169px 16px;align-items:center;gap:4px 8px;min-height:44px;max-width:100%;padding-block:8px;font-size:14px;line-height:24px;color:inherit;text-decoration:none}.uptime-link:hover>span:first-child{text-decoration:underline;text-underline-offset:4px}.uptime-link .uptime-badge{position:relative;display:inline-flex;align-items:center;width:169px;height:24px;max-width:100%;text-align:left}.uptime-badge img{display:block;width:169px;height:24px;object-fit:contain;object-position:left}.uptime-link .uptime-fallback{position:absolute;inset:0;max-width:none;text-align:left;font-size:12px;line-height:24px;color:inherit}.uptime-link>span:first-child{grid-column:1 / -1}.uptime-link>svg{grid-column:2;grid-row:2}.app-demo{margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}.app-demo-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px}.app-demo-heading p{margin-top:12px;color:var(--muted)}.app-demo-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.demo-reset{display:inline-flex;align-items:center;gap:8px;min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:10px 16px;white-space:nowrap}.app-demo iframe{display:block;width:100%;height:760px;border:1px solid var(--line);border-radius:10px;background:#181a23}.app-demo-foot{display:flex;align-items:start;justify-content:space-between;gap:32px;margin-top:16px;font:var(--type-small);color:var(--muted)}.app-demo-foot details{max-width:70ch}.app-demo-foot summary{cursor:pointer;min-height:44px}.app-demo-foot p{margin:12px 0}.app-demo-foot p a{text-decoration:underline}.app-demo-foot>a{white-space:nowrap;min-height:44px}.setup dd{margin-left:0}@media(max-width:850px){.app-demo-heading,.app-demo-foot{flex-direction:column;align-items:start;gap:16px}}@media(max-width:640px){.app-demo{margin-top:32px}.app-demo iframe{height:760px}.app-demo-actions{gap:16px}}.features{padding-block:56px 88px;border-top:1px solid var(--line)}.features-intro h2{font:var(--type-heading);letter-spacing:-.025em;margin-top:20px}.features-intro p{max-width:60ch;margin-top:24px;color:var(--muted);line-height:26px}.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 40px;margin-top:48px}.features-grid article{padding-top:24px;border-top:1px solid var(--line)}.feature-label{display:flex;align-items:center;gap:14px;color:var(--accent);font:var(--type-small)}.features-grid h3{font:var(--type-subhead);letter-spacing:-.025em;margin-top:20px}.features-grid p{margin-top:14px;color:var(--muted);line-height:26px}@media(max-width:960px){.features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px}}@media(max-width:640px){.features{padding-block:40px 56px}.features-intro h2{font-size:28px;line-height:36px}.features-grid{grid-template-columns:minmax(0,1fr);margin-top:32px;gap:32px}}html[data-motion=on] .product-screen img{animation:screen-change .4s ease-out}html[data-motion=on] .demo-today,html[data-motion=on] .demo-calendar-layout,html[data-motion=on] .demo-notes-layout,html[data-motion=on] .music-preview{animation:panel-enter .28s cubic-bezier(.16,1,.3,1)}html[data-motion=on] .demo-task-list li{animation:panel-enter .2s ease-out}html[data-motion=on] .demo-task-card progress::-webkit-progress-value{transition:width .3s ease}html[data-motion=on] .faq details[open]>p{animation:panel-enter .25s ease-out}html[data-motion=on] .faq summary span{transition:transform .25s ease}html[data-motion=on] .primary-link,html[data-motion=on] .gallery-switcher button,html[data-motion=on] .view-tabs button,html[data-motion=on] .music-play{transition:transform .2s ease,background-color .2s ease,border-color .2s ease}html[data-motion=on] .text-link svg{transition:transform .2s ease}html[data-motion=on] .music-equalizer[data-playing=true] i{animation:music-pulse .8s ease-in-out infinite alternate}html[data-motion=on] .music-equalizer[data-playing=true] i:nth-child(2){animation-delay:-.3s}html[data-motion=on] .music-equalizer[data-playing=true] i:nth-child(3){animation-delay:-.6s}@media(hover:hover)and (pointer:fine){html[data-motion=on] .primary-link:hover{transform:translateY(-2px)}html[data-motion=on] .text-link:hover svg{transform:translate(3px)}html[data-motion=on] .music-play:hover{transform:scale(1.05)}}html[data-motion=on] button:active{transform:scale(.98)}.motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:8px 12px;background:transparent;color:var(--muted);font:var(--type-small)}.motion-toggle:hover{color:var(--text);border-color:var(--accent)}.motion-toggle:disabled{cursor:default}@keyframes screen-change{0%{opacity:.55;scale:.99}to{opacity:1;scale:1}}@keyframes panel-enter{0%{opacity:.4;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes music-pulse{to{transform:scaleY(.4)}}html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media print{*,*:before,*:after{animation:none!important;transition:none!important}.motion-toggle{display:none}}