:root{--paper:#f6f5f1;--ink:#252629;--muted:#666862;--line:#ddddd5;--green:#44664a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}.shell{max-width:1056px;padding:0 40px;margin:auto}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #66826a;outline-offset:5px}.skip{position:absolute;top:-100px;padding:12px;background:var(--ink);color:#fff;z-index:3}.skip:focus{top:8px}header{display:flex;align-items:center;justify-content:space-between;height:94px}.brand{display:flex;align-items:center;gap:7px;font-size:19px;font-weight:650;letter-spacing:-.7px}.github{font-size:13px;color:var(--muted)}.github span{margin-left:9px}.hero{text-align:center;padding:41px 0 52px}.app-icon{display:block;margin:0 auto 17px;filter:drop-shadow(0 10px 13px #16162114)}.eyebrow{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);font-weight:550}h1{font-size:clamp(48px,7vw,80px);line-height:1.05;letter-spacing:-4px;font-weight:560;margin:21px 0 24px}h1 span{color:#7d8176}.intro{max-width:435px;margin:0 auto 27px;color:var(--muted);font-size:17px;line-height:1.65}.cta{display:inline-flex;align-items:center;gap:22px;background:var(--ink);color:#fff;padding:13px 22px;border-radius:12px;font-size:14px;font-weight:550;box-shadow:0 2px 3px #0001;transition:background .15s}.cta:hover{background:#44483e}.availability{font-size:11px;color:var(--muted);margin:13px 0 0}.demo-section{max-width:790px;margin:auto}.demo-caption{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:21px}.demo-caption p{font-size:12px;margin:0;color:var(--muted)}.line{width:48px;height:1px;background:var(--line)}.demo{border:1px solid #dbdcd5;border-radius:18px;background:linear-gradient(130deg,#eeefe8,#e6e8e2);box-shadow:0 16px 35px -24px #26311f55,0 2px 4px #303a1c05;overflow:hidden}.menu-strip{display:flex;align-items:center;gap:18px;padding:11px 19px;border-bottom:1px solid #d5d7cd;background:#ffffff50;font-size:10px;color:#62675d}.menu-strip strong{font-weight:600;color:var(--ink)}.apple{color:#34382e;font-size:12px}.menu-spacer{flex:1}.time{font-variant-numeric:tabular-nums}.demo-body{display:flex;align-items:center;justify-content:center;gap:26px;padding:40px 30px}.app-context{display:flex;gap:13px;align-items:center;min-width:140px}.app-context>div{display:grid;gap:3px}.context-icon{display:grid;place-items:center;width:48px;height:48px;background:#fdfdfb;border:1px solid #d6d9d1;border-radius:13px;font-size:25px;box-shadow:0 3px 4px #00000005;color:#58757f}.caption,.activity-header{font-size:9px;letter-spacing:1.2px;color:var(--muted);font-weight:550}.app-context strong{font-size:15px;font-weight:550}.connector{display:flex;gap:5px;align-items:center;color:#86947d}.connector i{width:3px;height:3px;border-radius:50%;background:#a4af9b}.connector span{margin-left:2px;font-size:20px}.activity{width:325px;padding:18px;background:#fcfcf9;border-radius:14px;box-shadow:0 5px 15px #303a1c08,0 0 0 1px #ffffffb0}.activity-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.live{letter-spacing:0;color:var(--green);display:flex;gap:5px;align-items:center;font-weight:500;font-size:10px}.live i{width:5px;height:5px;border-radius:50%;background:#7b9f6e}.live.off{color:var(--muted)}.live.off i{background:#999d95}.activity-main{display:flex;align-items:center;gap:12px}.emoji{font-size:26px}.activity-main>div{display:grid;gap:3px;min-width:0}.activity-main strong{font-size:14px;font-weight:600;line-height:1.4}.activity-main span:not(.emoji){font-size:10px;color:var(--muted)}.app-choices{display:flex;justify-content:center;gap:5px;padding:0 15px 25px}button{font:inherit;color:#65695e;cursor:pointer}.app-choices button{border:1px solid transparent;background:transparent;border-radius:7px;padding:7px 13px;font-size:11px;display:flex;align-items:center;gap:6px;min-height:34px;transition:background .15s}.app-choices button[aria-pressed=true]{background:#fcfcf8;border-color:#d8dacf;color:#2d3529;box-shadow:0 1px 2px #00000004}.app-choices button:hover{background:#ffffff70}.demo-note{text-align:center;font-size:10px;color:var(--muted);margin:14px 0 0}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;padding:70px 0 54px}.feature-number{font-size:10px;color:#777d71;font-variant-numeric:tabular-nums}h2{font-size:17px;letter-spacing:-.4px;font-weight:600;margin:12px 0 9px}.details p,.setup p{color:var(--muted);font-size:13px;line-height:1.8;margin:0}.setup{border-top:1px solid var(--line);padding:36px 0 42px;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.setup h2{font-size:23px;margin:9px 0}.setup .eyebrow{font-size:9px}footer{border-top:1px solid var(--line);padding:24px 0 30px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}footer>span:last-child{text-align:right}footer small{font-size:9px;color:#74776f}.footer-dot{padding:0 5px}@media(max-width:640px){.shell{padding:0 24px}header{height:76px}.hero{padding:25px 0 42px}h1{letter-spacing:-2.5px}.app-icon{width:98px;height:98px}.intro{font-size:15px}.demo-body{flex-direction:column;gap:16px;padding:26px 20px}.app-context{min-width:0}.connector{display:none}.activity{width:100%;max-width:325px}.app-choices{flex-wrap:wrap;padding:0 12px 22px}.app-choices button{padding:7px 10px}.details{grid-template-columns:1fr;gap:25px;padding:42px 0}.details article{display:grid;grid-template-columns:24px 1fr;column-gap:12px}.feature-number{padding-top:16px}.details p{grid-column:2}.setup{grid-template-columns:1fr;gap:12px;padding:28px 0}footer{flex-direction:column;gap:10px}footer>span:last-child{text-align:left}.line{width:24px}.menu-strip{gap:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}