.wrap.narrow{max-width:1000px}html:not([data-installed]) .only-installed,html:not([data-inapp]) .only-inapp,html[data-installed] .only-inapp,html:not([data-platform=desktop]) .only-desktop,html[data-installed] .only-desktop{display:none!important}html.js[data-tab=ios] [data-panel=android],html.js[data-tab=android] [data-panel=ios],html.no-js .tabs,html.no-js [data-play]{display:none}.install-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:1.25rem;border:1px solid color-mix(in oklab,var(--primary) 22%,var(--border));border-radius:1.75rem;padding:1.4rem;background:linear-gradient(135deg,color-mix(in oklab,var(--primary) 12%,var(--card)),var(--card) 60%)}.install-hero .hero-glow{z-index:-1;inset:-40% -30% auto;height:420px}@media (min-width: 640px){.install-hero{flex-direction:row;align-items:center;gap:1.75rem;padding:2rem}}.app-icon{display:inline-grid;place-items:center;flex:none;overflow:hidden;border-radius:22%}.app-icon svg{width:100%;height:100%}.float-icon{width:4.75rem;height:4.75rem;box-shadow:0 18px 36px -14px color-mix(in oklab,#305eff 70%,transparent)}@media (min-width: 640px){.float-icon{width:6rem;height:6rem}}.js .float-icon{animation:bob 3.2s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-6px) rotate(-2deg)}}.pill-badge{display:inline-flex;align-items:center;gap:.35rem;min-height:1.9rem;border:1px solid var(--border);border-radius:999px;padding:.2rem .7rem;font-size:13px;font-weight:600;background:color-mix(in oklab,var(--card) 70%,transparent)}.pill-badge .ico{width:.95rem;height:.95rem;color:var(--primary)}.pill-badge.good{border-color:transparent;background:var(--success-soft);color:var(--success-foreground)}.pill-badge.good .ico{color:inherit;stroke-width:3}.card-box{border:1px solid var(--border);border-radius:1.5rem;padding:1.1rem;background:var(--card)}@media (min-width: 640px){.card-box{padding:1.5rem}}.note{display:flex;gap:.8rem;align-items:flex-start;border:1px solid var(--border);border-radius:1.25rem;padding:1rem 1.1rem;background:var(--card);font-size:.95rem}.note p{color:var(--muted-foreground)}.note p b{color:var(--foreground)}.note-t{font-size:1.02rem;font-weight:700;letter-spacing:-.01em;font-stretch:100%}.note-ico{display:grid;place-items:center;flex:none;width:2.25rem;height:2.25rem;border-radius:.75rem;background:color-mix(in oklab,var(--primary) 14%,transparent);color:var(--primary)}.note-ico .ico{width:1.2rem;height:1.2rem}.note.good{border-color:var(--success-line);background:var(--success-soft)}.note.good .note-ico{background:color-mix(in oklab,var(--success) 18%,transparent);color:var(--success-foreground)}.note.warn{border-color:var(--warning-line);background:var(--warning-soft)}.note.warn .note-ico{background:color-mix(in oklab,var(--warning) 18%,transparent);color:var(--warning-foreground)}.note.brand{align-items:center;border-color:color-mix(in oklab,var(--primary) 40%,var(--border))}.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.75rem;border:1px solid var(--border);border-radius:999px;padding:0 1rem;font-size:.9rem;font-weight:600;background:var(--card);transition:background .2s,border-color .2s}.ghost-btn:hover{background:var(--muted);border-color:color-mix(in oklab,var(--primary) 40%,var(--border))}.ghost-btn .ico{width:1rem;height:1rem}.ghost-btn.done{border-color:var(--success-line);color:var(--success-foreground)}.phone-send{display:flex;align-items:center;gap:1rem;border-radius:1.1rem;padding:.9rem;background:var(--muted)}.qr{flex:none;width:6.5rem;height:6.5rem;border-radius:.7rem;padding:.35rem;background:#fff}.qr:empty{display:none}.qr svg{width:100%;height:100%;display:block}.url-chip{display:block;max-width:100%;overflow-wrap:anywhere;border:1px dashed var(--border);border-radius:.6rem;padding:.35rem .6rem;font:600 .95rem/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--card);cursor:text;user-select:all;-webkit-user-select:all}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;border:1px solid var(--border);border-radius:999px;padding:.3rem;background:var(--muted)}.tabs [role=tab]{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.75rem;border-radius:999px;padding:0 .75rem;font-weight:650;font-size:.95rem;color:var(--muted-foreground);transition:background .2s,color .2s,box-shadow .2s;white-space:nowrap}.tabs [role=tab] .ico{width:1rem;height:1rem}.tabs [role=tab]:hover{color:var(--foreground)}.tabs [role=tab][aria-selected=true]{background:var(--cta);color:var(--cta-foreground);box-shadow:0 6px 18px -10px color-mix(in oklab,var(--cta) 80%,transparent)}.play-card{display:flex;align-items:center;gap:1rem}.soon{align-self:flex-start;display:inline-flex;align-items:center;min-height:2rem;border:1px dashed color-mix(in oklab,var(--primary) 50%,var(--border));border-radius:999px;padding:.2rem .8rem;font-size:13px;font-weight:700;color:var(--primary);white-space:nowrap}@media (min-width: 640px){.soon{align-self:center}}.walk{display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 768px){.walk{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2.25rem}}.walk-demo{display:flex;flex-direction:column;align-items:center;gap:.75rem}.steps{display:flex;flex-direction:column;gap:.35rem;counter-reset:s}.steps li{position:relative}.steps li:not(:last-child):after{content:"";position:absolute;left:1.6rem;top:calc(50% + 1rem);height:calc(100% - 1.6rem);width:2px;border-radius:2px;background:linear-gradient(var(--primary),var(--primary)) top / 100% var(--fill, 0%) no-repeat,var(--border);transition:background-size .5s ease-out;z-index:1}.steps li.past:after{--fill: 100%}.steps button{position:relative;overflow:hidden;display:flex;align-items:center;gap:.75rem;width:100%;min-height:2.9rem;border:1px solid transparent;border-radius:.9rem;padding:.6rem .75rem;text-align:left;font-size:.93rem;line-height:1.35;transition:background .3s,border-color .3s,box-shadow .3s}.steps button:hover{background:var(--muted)}.steps .txt{flex:1;min-width:0}.steps .txt b{font-weight:700}.steps button>.ico{width:1.2rem;height:1.2rem;color:var(--muted-foreground);transition:color .3s,transform .3s}.steps .num{position:relative;z-index:2;display:grid;place-items:center;flex:none;width:2rem;height:2rem;border-radius:999px;font-weight:700;font-size:.9rem;background:var(--muted);color:var(--muted-foreground);transition:background .3s,color .3s,transform .3s}.steps .num .ico{display:none;width:1rem;height:1rem;stroke-width:3}.steps li.past .num{background:color-mix(in oklab,var(--primary) 16%,var(--card));color:var(--primary)}.steps li.past .num span{display:none}.steps li.past .num .ico{display:block}.steps li.active button{border-color:var(--primary);background:color-mix(in oklab,var(--primary) 7%,transparent);box-shadow:0 6px 18px -12px color-mix(in oklab,var(--primary) 70%,transparent)}.steps li.active .num{background:var(--primary);color:var(--primary-foreground);transform:scale(1.08)}.steps li.active button>.ico{color:var(--primary);transform:scale(1.1)}.steps .bar{position:absolute;inset:auto 0 0;height:2px;transform:scaleX(0);transform-origin:left;background:color-mix(in oklab,var(--primary) 60%,transparent)}.dphone{position:relative;flex:none;width:15rem;height:30rem;overflow:hidden;border:7px solid color-mix(in oklab,var(--foreground) 85%,transparent);border-radius:2.4rem;background:var(--background);color:var(--foreground);-webkit-user-select:none;user-select:none;font-size:12px;line-height:1.3;font-stretch:100%;box-shadow:0 30px 60px -28px color-mix(in oklab,var(--primary) 55%,transparent)}.dphone .ico{width:1.1rem;height:1.1rem}.dp-notch{position:absolute;z-index:40;top:.35rem;left:50%;width:5rem;height:1rem;translate:-50% 0;border-radius:999px;background:color-mix(in oklab,var(--foreground) 85%,transparent)}.dp-screen{position:relative;display:flex;flex-direction:column;height:100%}.dp-status{display:flex;flex:none;align-items:flex-end;justify-content:space-between;height:1.75rem;padding:0 1.25rem .1rem;font-weight:700}.dp-status .ico{width:1rem;height:1rem}.dp-site{display:flex;flex:1;flex-direction:column;gap:.55rem;overflow:hidden;padding:.5rem .75rem}.ds-top{display:flex;align-items:center;gap:.35rem;font-weight:800}.ds-logo{display:inline-flex;width:1.25rem;height:1.25rem;border-radius:.35rem;overflow:hidden}.ds-logo svg{width:100%;height:100%}.ds-top .ds-pill{margin-left:auto}.ds-pill{display:inline-block;width:fit-content;border-radius:999px;padding:.2rem .6rem;font-size:10px;font-weight:700;background:var(--cta);color:var(--cta-foreground)}.ds-hero{display:flex;flex-direction:column;gap:.3rem;border-radius:.8rem;padding:.75rem;background:color-mix(in oklab,var(--primary) 12%,var(--card))}.ds-hero b{font-size:15px;line-height:1.05;font-weight:800;font-stretch:112%;letter-spacing:-.02em}.ds-ember{color:var(--streak)}.ds-hero i{height:.3rem;width:85%;border-radius:999px;background:color-mix(in oklab,var(--muted-foreground) 30%,transparent)}.ds-hero i.short{width:55%}.ds-hero .ds-pill{margin-top:.25rem}.ds-row{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:.6rem;padding:.45rem;background:var(--card)}.ds-row span{width:1.4rem;height:1.4rem;flex:none;border-radius:.4rem;background:color-mix(in oklab,var(--primary) 16%,transparent)}.ds-row i{height:.3rem;flex:1;border-radius:999px;background:color-mix(in oklab,var(--muted-foreground) 25%,transparent)}.dp-btn{position:relative;display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:.4rem;transition:background .3s,box-shadow .3s}.dp-btn.round{border-radius:999px}.dp-btn.on{background:color-mix(in oklab,var(--primary) 16%,transparent);box-shadow:0 0 0 2px var(--primary)}.dp-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#00000052;opacity:0;transition:opacity .5s;pointer-events:none}.dp-scrim.on{opacity:1}.mrow{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.5rem .75rem}.mrow.lead{justify-content:flex-start}.mrow .ico{width:1rem;height:1rem;flex:none}.mrow.hot{background:color-mix(in oklab,var(--primary) 13%,transparent);color:var(--primary);font-weight:700;box-shadow:inset 0 0 0 2px var(--primary)}.tap{position:absolute;z-index:30;display:grid;place-items:center;width:1.75rem;height:1.75rem;opacity:0;transition:opacity .3s;pointer-events:none}.tap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:color-mix(in oklab,var(--primary) 45%,transparent);animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.tap:after{content:"";width:.85rem;height:.85rem;border-radius:999px;background:color-mix(in oklab,var(--primary) 85%,transparent);box-shadow:0 0 0 2px var(--background)}.tap.on{opacity:1}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.sf-bar{position:relative;flex:none;border-top:1px solid var(--border);padding:.5rem .75rem 1rem;background:color-mix(in oklab,var(--muted) 85%,transparent)}.sf-url{display:flex;align-items:center;justify-content:center;gap:.25rem;height:1.75rem;margin-bottom:.5rem;border-radius:.5rem;background:var(--background)}.sf-url .ico,.cr-url .ico{width:.75rem;height:.75rem}.sf-icons{display:flex;align-items:center;justify-content:space-between;padding:0 .25rem;color:var(--primary)}.sf-icons .dim{display:inline-flex;opacity:.4}.sf-sheet{position:absolute;inset:auto 0 0;z-index:20;display:flex;flex-direction:column;gap:.6rem;border-radius:1rem 1rem 0 0;padding:.75rem .75rem 1.25rem;background:var(--card);box-shadow:0 -20px 40px -20px #0006;transform:translateY(100%);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.sf-sheet.on{transform:none}.sheet-head{display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border);padding-bottom:.6rem}.sheet-head span:last-child,.sc-card>span:last-child{display:flex;flex-direction:column}.sheet-head small,.sc-card small{color:var(--muted-foreground)}.menu{overflow:hidden;border-radius:.75rem;background:var(--muted)}.sf-confirm{position:absolute;top:2.25rem;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;gap:.75rem;border-radius:1rem 1rem 0 0;padding:.75rem;background:var(--muted);box-shadow:0 -20px 40px -20px #0006;transform:translateY(100%);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.sf-confirm.on{transform:none}.sc-bar{display:flex;align-items:center;justify-content:space-between;gap:.25rem}.sc-bar b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-bar .link{color:var(--primary)}.sc-add{position:relative;border-radius:.4rem;padding:.2rem .4rem;font-weight:800;color:var(--primary);box-shadow:0 0 0 2px var(--primary)}.sc-card{display:flex;align-items:center;gap:.75rem;border-radius:.75rem;padding:.75rem;background:var(--card)}.sc-card b{border-bottom:1px solid var(--border);padding-bottom:.2rem;margin-bottom:.2rem}.sc-toggle{justify-content:space-between}.sc-toggle i{width:2rem;height:1.15rem;border-radius:999px;background:var(--success);position:relative}.sc-toggle i:after{content:"";position:absolute;right:.12rem;top:.12rem;width:.9rem;height:.9rem;border-radius:999px;background:#fff}.cr-bar{position:relative;flex:none;display:flex;align-items:center;gap:.4rem;padding:.45rem .5rem;background:color-mix(in oklab,var(--muted) 85%,transparent)}.cr-bar>.ico{width:1rem;height:1rem;flex:none}.cr-url{flex:1;display:flex;align-items:center;gap:.25rem;height:1.75rem;border-radius:999px;padding:0 .6rem;background:var(--background)}.cr-tabs{display:grid;place-items:center;flex:none;width:1.15rem;height:1.15rem;border:2px solid currentColor;border-radius:.25rem;font-size:9px;font-weight:800}.cr-menu{position:absolute;top:2.3rem;right:.35rem;z-index:20;width:11rem;overflow:hidden;border:1px solid var(--border);border-radius:.75rem;padding:.25rem 0;background:var(--card);box-shadow:0 20px 40px -16px #00000073;transform-origin:top right;transform:scale(.75);opacity:0;transition:transform .3s,opacity .3s}.cr-menu.on{transform:none;opacity:1}.cr-dialog{position:absolute;left:1rem;right:1rem;top:33%;z-index:20;display:flex;flex-direction:column;gap:.75rem;border-radius:1rem;padding:1rem;background:var(--card);box-shadow:0 20px 40px -16px #00000073;transform:scale(.9);opacity:0;transition:transform .3s,opacity .3s}.cr-dialog.on{transform:none;opacity:1}.cr-actions{display:flex;justify-content:flex-end;align-items:center;gap:1rem;font-weight:700;color:var(--primary)}.cr-install{position:relative;border-radius:999px;padding:.25rem .8rem;background:var(--primary);color:var(--primary-foreground);box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--primary)}.dp-home{position:absolute;top:0;right:0;bottom:0;left:0;z-index:35;display:flex;flex-direction:column;opacity:0;transition:opacity .5s;pointer-events:none;background:linear-gradient(color-mix(in oklab,var(--primary) 38%,var(--background)),color-mix(in oklab,var(--primary) 10%,var(--background)))}.dp-home.on{opacity:1}.dh-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem .75rem;padding:1.5rem 1rem 0}.dh-grid>i{aspect-ratio:1;border-radius:22%;background:color-mix(in oklab,var(--background) 55%,transparent)}.dh-app{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem}.dh-app small{font-size:10px;font-weight:700}.dh-icon{width:100%;aspect-ratio:1;transform:scale(0);transition:transform .5s .3s cubic-bezier(.3,1.4,.5,1)}.dp-home.on .dh-icon{transform:none}@media (prefers-reduced-motion: reduce){.tap:before{animation:none}}.ghost-btn [data-when],.ghost-btn [data-copy-label]{display:inline-flex;align-items:center;gap:.45rem}
