:root{--bg:#1c1917;--cream:#fff7ed;--ink:#fff7ed;--muted:#a8a29e;--pink:#9f1239;--btn:#fff7ed;--btn-text:#1c1917;--icon:#fff7ed;--stage:#292524;--card:#292524;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;overflow-x:hidden;min-height:100dvh}body{letter-spacing:-.022em;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:17px;line-height:1.4}::selection{background:var(--pink);color:var(--cream)}:focus-visible{outline:2px solid #a8a29e;outline-offset:3px}.skip{position:absolute;z-index:40;background:var(--cream);color:var(--bg);text-decoration:none;padding:.5rem .75rem;top:-4rem;left:1rem}.skip:focus{top:1rem}.top{position:fixed;z-index:30;display:flex;padding:20px 32px;padding-top:max(20px,env(safe-area-inset-top));background:var(--bg);justify-content:space-between;align-items: center;gap:12px;top:0;left:0;right:0}.brand{display:flex;color:inherit;text-decoration:none;align-items: center;gap:12px}.app-icon{background:var(--icon);position:relative;border-radius:12px;width:40px;height:40px}.app-icon:after{content:"";position:absolute;background:var(--bg);border-radius:50%;inset:13px}.brand-name{letter-spacing:-.03em;font-size:24px;font-weight:700}.help{color:var(--cream);letter-spacing:0;cursor:pointer;background:#fff7ed12;border:0;border-radius:16px;width:44px;height:44px;font-family:inherit;font-size:22px;font-weight:700;line-height:1}.help:hover{background:#fff7ed1f}.download{display:inline-flex;background:var(--btn);color:var(--btn-text);letter-spacing:-.02em;white-space:nowrap;cursor:default;border:0;border-radius:16px;justify-content:center;align-items: center;gap:8px;max-width:100%;padding:16px 22px 16px 20px;font-family:inherit;font-size:18px;font-weight:700;box-shadow:0 12px 28px #00000059}.download:disabled{opacity:1}.apple{flex-shrink:0;width:16px;height:19px}main{display:flex;text-align:center;padding:148px 32px 64px;padding-bottom:max(64px,env(safe-area-inset-bottom));flex-direction:column;align-items:stretch}h1{letter-spacing:-.035em;text-wrap:balance;width:100%;min-width:0;max-width:100%;margin-inline-start:auto;margin-inline-end:auto;font-size:clamp(32px,9vw,84px);font-weight:700;line-height:1.05}mark{background:var(--pink);color:inherit;font:inherit;border-radius:.12em;padding:0 .12em}.lead{margin-top:22px;color:var(--muted);white-space:normal;width:100%;min-width:0;max-width:100%;margin-inline-start:auto;margin-inline-end:auto;font-size:20px;font-weight:500}.cta{display:flex;flex-direction:column;align-items: center;gap:10px;min-width:0;margin-top:36px}.soon{color:var(--muted);font-size:14px;font-weight:500}.mac{margin-inline-start:auto;margin-inline-end:auto;overflow:hidden;background:var(--stage);border-radius:12px;width:100%;max-width:920px;margin-top:64px;box-shadow:0 0 0 1px #ffffff0f,0 24px 60px #0006}.mac-bar{display:flex;background:#3a3a3c;align-items: center;height:38px;padding:0 14px}.lights{display:flex;align-items: center;gap:8px}.light{display:block;border:0;border-radius:50%;width:12px;height:12px;padding:0}.light.close{background:#ff5f57}.light.min{background:#febc2e}.light.zoom{background:#28c840}.stage{position:relative;background:var(--stage);cursor:none;overflow:hidden;height:min(42vh,380px)}.gaze{position:absolute;pointer-events:none;will-change:transform;filter:drop-shadow(0 1px 1px #0006);top:0;left:0}.how{padding:max(16px,env(safe-area-inset-top))max(16px,env(safe-area-inset-right))max(16px,env(safe-area-inset-bottom))max(16px,env(safe-area-inset-left));background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;inset:0}.how[open]{display:grid;place-items: center}.how::backdrop{backdrop-filter:blur(18px)saturate(140%);-webkit-backdrop-filter:blur(18px)saturate(140%);background:#00000073}.how-card{overflow:auto;background:var(--card);color:var(--cream);text-align:start;-webkit-overflow-scrolling:touch;border-radius:12px;width:min(440px,100%);max-height:min(88dvh,100%);margin:0;box-shadow:0 0 0 1px #ffffff14,0 24px 80px #0000008c}.how-card .mac-bar{background:#3a3a3c}.how-close{cursor:pointer}.how-body{padding:22px 24px 26px}.how-card h2{letter-spacing:-.03em;margin-bottom:16px;font-size:28px;font-weight:700}.how-card p{color:var(--muted);text-wrap:pretty;font-size:17px;font-weight:500;line-height:1.45}.how-card p+p{margin-top:12px}@media (max-width:720px){.top{padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top))}.app-icon{border-radius:10px;width:36px;height:36px}.app-icon:after{inset:11px}.brand-name{font-size:18px}.help{border-radius:14px;flex-shrink:0;width:40px;height:40px;font-size:20px}main{padding:calc(88px + env(safe-area-inset-top))20px max(32px,env(safe-area-inset-bottom))}h1{font-size:clamp(28px,8.5vw,40px)}.lead{overflow-wrap:break-word;margin-top:14px;font-size:16px;line-height:1.45}.cta{width:100%;margin-top:24px}.download{white-space:normal;width:min(100%,280px);padding:14px 16px;font-size:16px}.mac{border-radius:10px;margin-top:32px}.stage{cursor:auto;height:min(38vh,280px)}.how-card h2{font-size:24px}.how-card p{font-size:16px}.how-body{padding:18px 18px 22px}}@media (max-width:380px){main{padding-left:16px;padding-right:16px}h1{font-size:26px}.lead{font-size:15px}.download{padding:12px 14px;font-size:14px}}@media (prefers-reduced-transparency:reduce){.how::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:#000000b8}}