.tbd-in{--tbd-pop:cubic-bezier(.34, 1.56, .64, 1);--tbd-out:cubic-bezier(.23, 1, .32, 1);--tbd-head-gap:28px;max-width:1280px;margin:0 auto;padding-inline:16px}.tbd-hero{grid-template-areas:"intro""stage""try";gap:18px;display:grid}.tbd-intro{grid-area:intro}.tbd-intro h1{max-width:16ch;color:var(--heading);font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(32px,7vw,56px);line-height:1.04}.tbd-intro p{max-width:46ch;color:var(--text-2);margin:12px 0 0;font-size:16px;line-height:1.5}.tbd-facts{flex-wrap:wrap;gap:8px 20px;margin:18px 0 0;padding:0;list-style:none;display:flex}.tbd-facts li{color:var(--text);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.tbd-facts svg{color:var(--accent)}.tbd-scene{grid-area:stage;justify-self:center;gap:12px;width:min(100%,340px);padding:8px 0;display:grid;position:relative}.tbd-scene:before{content:"";background:radial-gradient(closest-side at 35% 40%, color-mix(in srgb, var(--accent) 16%, transparent), transparent), radial-gradient(closest-side at 68% 66%, color-mix(in srgb, var(--accent-2) 14%, transparent), transparent);border-radius:50%;position:absolute;inset:-6% 0}.tbd-scene>span{box-shadow:0 16px 36px -24px color-mix(in srgb, var(--heading) 40%, transparent);position:relative}.tbd-scene b{font-weight:600;line-height:1.35}.tbd-scene-dm{border:1px solid var(--border);background:var(--surface);width:84%;color:var(--heading);border-radius:20px 20px 20px 6px;justify-self:start;align-items:center;gap:10px;padding:12px 14px;font-size:15px;display:flex}.tbd-scene-dm small{color:var(--text-2);font-size:12px;display:block}.tbd-scene-avatar{background:var(--accent-2-soft);width:36px;height:36px;color:var(--accent-2-ink);border-radius:50%;flex:none;place-items:center;font-size:15px;font-weight:800;display:grid}.tbd-scene-reply{background:var(--accent);width:84%;color:var(--on-accent);border-radius:20px 20px 6px;justify-self:end;justify-items:start;gap:6px;padding:12px 14px;font-size:15px;display:grid}.tbd-scene-badge{border-radius:var(--r-pill);background:var(--accent-2);align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex}.tbd-scene-post{border:1px solid var(--border);background:var(--surface);color:var(--heading);border-radius:20px;gap:10px;margin-top:6px;padding:14px 16px;font-size:16px;display:grid}.tbd-scene-post-head{justify-content:space-between;align-items:center;display:flex}.tbd-scene-ok{border-radius:var(--r-pill);background:var(--success-soft);color:var(--success-ink);align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.tbd-scene-tags{flex-wrap:wrap;gap:6px;display:flex}.tbd-scene-tags i{border-radius:var(--r-pill);background:var(--accent-2-soft);color:var(--accent-2-ink);padding:3px 10px;font-size:13px;font-style:normal;font-weight:700}.tbd-try{grid-area:try;align-self:start;gap:10px;display:grid}.tbd-try-title{color:var(--heading);align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.tbd-try-title small{border-radius:var(--r-pill);background:var(--accent-2-soft);color:var(--accent-2-ink);padding:2px 8px;font-size:12px;font-weight:700}.tbd-try-title svg{color:var(--accent-2)}.tbd-try-bar{gap:8px;display:grid}.tbd-try-bar input{border:1.5px solid color-mix(in srgb, var(--heading) 24%, var(--surface));border-radius:var(--r-pill);background:var(--surface);min-width:0;min-height:48px;color:var(--heading);font:inherit;padding:0 18px;font-size:16px}.tbd-try-bar input::placeholder{color:var(--text-3)}.tbd-try-bar input:focus-visible{border-color:var(--accent);outline:3px solid var(--accent-soft)}.tbd-board h2,.tbd-more-head h2,.tbd-fx-head h2{max-width:18ch;color:var(--heading);font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(28px,5vw,40px);line-height:1.08}.tbd-fx-head p{color:var(--text-2);margin:10px 0 0;font-size:16px}.tbd-board h2,.tbd-fx-head{margin-bottom:var(--tbd-head-gap)}.tbd-fx-head{gap:12px;display:grid}.tbd-fx-head>div{justify-items:start;gap:10px;display:grid}.tbd-fx-head>div p{max-width:44ch;margin:0}@media (min-width:960px){.tbd-fx-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;column-gap:56px}.tbd-fx-head>div{justify-self:end;padding-bottom:6px}.tbd-fx-head>div p{font-size:18px}}.tbd-chips{border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);scrollbar-width:none;gap:2px;width:fit-content;max-width:100%;margin-bottom:16px;padding:4px;display:flex;position:relative;overflow-x:auto}.tbd-chips::-webkit-scrollbar{display:none}.tbd-chip-pill{border-radius:var(--r-pill);background:var(--heading);width:0;transition:transform .34s var(--tbd-pop), width .34s var(--tbd-pop);position:absolute;top:4px;bottom:4px;left:0}.tbd-chip{border-radius:var(--r-pill);min-height:44px;color:var(--text);font:inherit;cursor:pointer;transition:color .2s ease, transform .16s var(--tbd-out);background:0 0;border:0;flex:none;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:700;display:inline-flex;position:relative}.tbd-chip small{border-radius:var(--r-pill);background:var(--surface-alt);min-width:22px;height:22px;color:var(--heading);place-items:center;padding:0 6px;font-size:12px;font-weight:800;transition:background-color .2s;display:grid}.tbd-chip[aria-pressed=true]{color:var(--on-accent)}.tbd-chip[aria-pressed=true] small{background:color-mix(in srgb, var(--on-accent) 22%, transparent);color:var(--on-accent)}.tbd-chips:not([data-ready]) .tbd-chip[aria-pressed=true]{background:var(--heading)}.tbd-chip:active{transform:scale(.96)}.tbd-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tbd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;margin:0;padding:0;list-style:none;display:grid}.tbd-more-head{margin-bottom:var(--tbd-head-gap);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:4px 24px;display:flex}.tbd-grid[data-filter=Reviews]>:not([data-job=Reviews]),.tbd-grid[data-filter=Content]>:not([data-job=Content]),.tbd-grid[data-filter=Analytics]>:not([data-job=Analytics]),.tbd-grid[data-filter=WhatsApp]>:not([data-job=WhatsApp]){display:none}.tbd-tile-link{height:100%;color:inherit;transition:transform .22s var(--tbd-out);flex-direction:column;gap:10px;text-decoration:none;display:flex}.tbd-tile-link:active{transform:scale(.97)}.tbd-tile-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:16px}.tbd-tile-name{color:var(--heading);align-items:flex-start;gap:6px;padding:0 2px;font-size:14px;font-weight:600;line-height:1.25;display:flex}.tbd-tile-name b{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5em;display:-webkit-box;overflow:hidden}.tbd-tile-short{display:none}.tbd-phones{scroll-snap-type:x mandatory;scrollbar-width:none;contain:paint;grid-auto-columns:72%;grid-auto-flow:column;gap:16px;margin:0 -16px;padding:8px 16px 4px;list-style:none;display:grid;overflow-x:auto}.tbd-phones::-webkit-scrollbar{display:none}.tbd-phone-item{scroll-snap-align:start;align-content:start;justify-items:start;gap:4px;min-width:0;display:grid}.tbd-phone-shot{--pd-zoom:.46;justify-self:center;margin-bottom:14px;display:block}.tbd-phone-item b{color:var(--heading);font-size:17px}.tbd-phone-item small{color:var(--text-2);font-size:14px;line-height:1.4}.tbd-phone-link{min-height:40px;color:var(--accent);align-items:center;gap:4px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.tbd-phone-link:hover{text-underline-offset:3px;text-decoration:underline}@media (hover:hover) and (pointer:fine){.tbd-tile-link:hover .tbd-demo{box-shadow:inset 0 0 0 1.5px var(--heading)}.tbd-tile-link:hover .tbd-tile-name b{text-underline-offset:3px;text-decoration:underline}.tbd-chip:not([aria-pressed=true]):hover{color:var(--heading)}}@media (min-width:640px){.tbd-in{padding-inline:24px}.tbd-try-bar{border:1.5px solid color-mix(in srgb, var(--heading) 24%, var(--surface));border-radius:var(--r-pill);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;padding:5px}.tbd-try-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.tbd-try-bar input,.tbd-try-bar input:focus-visible{background:0 0;border:0;outline:none;min-height:44px}.tbd-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 16px}.tbd-tile-short{min-height:2.9em;color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0 2px;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}}@media (min-width:960px){.tbd-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"intro stage""try stage";align-items:center;gap:24px 48px}.tbd-intro{align-self:end}.tbd-intro p{font-size:18px}.tbd-try{max-width:540px}.tbd-scene{width:min(100%,420px)}.tbd-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tbd-tile-name{font-size:15px}.tbd-phones{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;gap:24px;margin:0;padding:0;overflow:visible}.tbd-phone-shot{--pd-zoom:.5}.tbd-phones{padding-top:28px}.tbd-phone-item:nth-child(odd) .tbd-phone-shot{translate:0 -28px}}@media (min-width:640px) and (max-width:959px){.tbd-grid[data-row]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1180px){.tbd-grid:not([data-row]){grid-template-columns:repeat(5,minmax(0,1fr))}}@media (prefers-reduced-motion:no-preference){.tbd-scene-dm{animation:tbd-from-left .52s var(--tbd-out) .2s both}.tbd-scene-reply{animation:tbd-pop-in .48s var(--tbd-pop) .9s both}.tbd-scene-reply b{animation:1.1s steps(28,end) 1.3s both tbd-type}.tbd-scene-post{animation:tbd-rise-in .56s var(--tbd-out) 2.4s both}.tbd-scene-ok{animation:tbd-pop-in .42s var(--tbd-pop) 3s both}.tbd-scene-tags i{animation:tbd-pop-in .38s var(--tbd-pop) both;animation-delay:calc(2.7s + var(--k,0) * .12s)}.tbd-facts li{animation:tbd-rise-in .48s var(--tbd-out) both;animation-delay:calc(.25s + var(--n) * .15s)}.tbd-facts svg{animation:tbd-pop-in .42s var(--tbd-pop) both;animation-delay:calc(.35s + var(--n) * .15s)}.tbd-tile{animation:tbd-tile-in .38s var(--tbd-pop) both;animation-delay:calc(var(--n) * 28ms)}}@keyframes tbd-from-left{0%{opacity:0;translate:-16px 6px}}@keyframes tbd-pop-in{0%{opacity:0;scale:.85}}@keyframes tbd-rise-in{0%{opacity:0;translate:0 14px}}@keyframes tbd-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes tbd-rise{0%{translate:0 6px}}@keyframes tbd-tile-in{0%{translate:0 10px;scale:.94}}@media (prefers-reduced-motion:reduce){.tbd-tile-link,.tbd-chip,.tbd-chip small,.tbd-chip-pill{transition:none}}.tbd-demo.tbd-cta-demo{box-sizing:border-box;background:var(--accent);align-content:space-between;justify-items:start;padding:12px}.tbd-cta-demo img{filter:brightness(0)invert()}.tbd-cta-jobs{gap:6px;width:100%;display:grid}.tbd-cta-jobs span{background:var(--surface);color:var(--heading);white-space:nowrap;border-radius:999px;justify-content:space-between;align-items:center;gap:6px;padding:6px 10px;font-size:11.5px;font-weight:700;display:flex}.tbd-cta-jobs span:nth-child(2) svg{color:var(--accent-2)}.tbd-cta-jobs svg{color:var(--accent);flex:none}.tbd-cta-go{color:var(--accent);align-items:center;gap:6px;padding:0 2px;font-size:14px;font-weight:700;display:inline-flex}.tbd-tile[data-cta] .tbd-tile-short{display:none}@media (hover:hover) and (pointer:fine){.tbd-tile[data-cta] .tbd-tile-link:hover .tbd-demo{box-shadow:inset 0 0 0 1.5px var(--accent-2)}.tbd-cta-go svg{transition:translate .2s var(--tbd-out)}.tbd-tile[data-cta] .tbd-tile-link:hover .tbd-cta-go svg{translate:3px}}@media (prefers-reduced-motion:no-preference){.tbd-cta-jobs span{animation:tbd-cta-job 6s var(--dm-pop) infinite both;animation-delay:calc(var(--k) * .6s)}}@keyframes tbd-cta-job{0%,4%{opacity:0;translate:0 8px;scale:.92}12%,80%{opacity:1;translate:0;scale:1}90%,to{opacity:0;translate:0 -4px;scale:1}}.tbd-ap{--ap-ease:cubic-bezier(.32, .72, 0, 1);gap:32px;display:grid}.tbd-ap-copy{justify-items:start;gap:14px;display:grid}.tbd-ap-copy h2{max-width:16ch;color:var(--heading);font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(28px,5vw,44px);line-height:1.06}.tbd-ap-copy>p{max-width:40ch;color:var(--text-2);margin:0;font-size:16px;line-height:1.5}.tbd-ap-switch{border:1.5px solid var(--border);background:var(--surface);min-height:56px;color:var(--heading);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:12px;margin:8px 0 4px;padding:8px 18px 8px 8px;font-size:16px;font-weight:700;transition:border-color .3s,box-shadow .3s,scale .16s ease-out;display:inline-flex}.tbd-ap-switch:active{scale:.97}.tbd-ap-switch:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tbd-ap-switch b{min-width:2.2em;color:var(--text-2);font-size:14px;transition:color .3s}.tbd-ap-track{background:color-mix(in srgb, var(--heading) 16%, var(--surface));width:64px;height:38px;transition:background-color .4s var(--ap-ease);border-radius:999px;position:relative}.tbd-ap-thumb{background:var(--surface);width:30px;height:30px;box-shadow:0 4px 10px -2px color-mix(in srgb, var(--heading) 35%, transparent);border-radius:50%;transition:translate .45s cubic-bezier(.34,1.56,.64,1);position:absolute;top:4px;left:4px}.tbd-ap[data-on] .tbd-ap-switch{border-color:var(--accent);box-shadow:0 10px 28px -14px var(--accent)}.tbd-ap[data-on] .tbd-ap-track{background:linear-gradient(90deg, var(--accent), var(--accent-2))}.tbd-ap[data-on] .tbd-ap-thumb{translate:26px}.tbd-ap[data-on] .tbd-ap-switch b{color:var(--accent)}.tbd-ap-cta{gap:10px;width:100%;display:grid}.tbd-ap-perks{flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;list-style:none;display:flex}.tbd-ap-perks li{color:var(--text);align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.tbd-ap-perks svg{box-sizing:content-box;background:var(--accent-soft);color:var(--accent);border-radius:50%;padding:3px}.tbd-ap-perks li:nth-child(2n) svg{background:var(--accent-2-soft);color:var(--accent-2-ink)}.tbd-ap-stack{gap:12px;display:grid}.tbd-ap-count{margin:0;font-size:14px;font-weight:700;display:grid}.tbd-ap-count>span{transition:opacity .3s ease, translate .4s var(--ap-ease);grid-area:1/1;align-items:center;gap:6px;display:inline-flex}.tbd-ap-waiting{color:var(--warning-ink)}.tbd-ap-clear{color:var(--success-ink);opacity:0;translate:0 6px}.tbd-ap[data-on] .tbd-ap-waiting{opacity:0;translate:0 -6px}.tbd-ap[data-on] .tbd-ap-clear{opacity:1;transition-delay:1.3s;translate:0}.tbd-ap-stack ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.tbd-ap-stack li{border:1px solid var(--border);background:var(--surface);min-height:64px;box-shadow:0 10px 24px -20px color-mix(in srgb, var(--heading) 60%, transparent);transition:rotate .6s var(--ap-ease), translate .6s var(--ap-ease), border-color .4s ease;border-radius:16px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.tbd-ap-stack li:nth-child(odd){translate:-6px;rotate:-1.2deg}.tbd-ap-stack li:nth-child(2n){translate:8px;rotate:1deg}.tbd-ap[data-on] .tbd-ap-stack li{border-color:color-mix(in srgb, var(--success) 35%, var(--border));transition-delay:calc(var(--n) * .22s);translate:0;rotate:none}.tbd-ap-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.tbd-ap-stack li:nth-child(2n) .tbd-ap-icon{background:var(--accent-2-soft);color:var(--accent-2-ink)}.tbd-ap-text{gap:2px;min-width:0;display:grid}.tbd-ap-text small{color:var(--text-2);font-size:12px;font-weight:600}.tbd-ap-swap{color:var(--heading);font-size:14px;font-weight:600;line-height:1.35;display:grid}.tbd-ap-swap>span,.tbd-ap-badge>span{transition:opacity .3s ease, translate .4s var(--ap-ease);grid-area:1/1}.tbd-ap-ask,.tbd-ap-answer{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tbd-ap-answer{opacity:0;translate:0 8px}.tbd-ap[data-on] .tbd-ap-ask{opacity:0;transition-delay:calc(var(--n) * .22s);translate:0 -8px}.tbd-ap[data-on] .tbd-ap-answer{opacity:1;transition-delay:calc(.12s + var(--n) * .22s);translate:0}.tbd-ap-badge{justify-items:end;display:grid}.tbd-ap-badge>span{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-size:12px;font-weight:700;display:inline-flex}.tbd-ap-pending{background:var(--warning-soft);color:var(--warning-ink)}.tbd-ap-done{background:var(--success-soft);color:var(--success-ink);opacity:0;transition:opacity .25s,scale .45s cubic-bezier(.34,1.56,.64,1);scale:.7}.tbd-ap[data-on] .tbd-ap-pending{opacity:0;transition-delay:calc(var(--n) * .22s)}.tbd-ap[data-on] .tbd-ap-done{opacity:1;transition-delay:calc(.16s + var(--n) * .22s);scale:1}@media (min-width:640px){.tbd-ap-cta{grid-template-columns:repeat(2,max-content);width:auto}}@media (max-width:959px){.tbd-ap-stack{grid-row:1}}@media (max-width:639px){.tbd-ap-copy>p,.tbd-ap-stack li:nth-child(5){display:none}}@media (min-width:960px){.tbd-ap{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:64px}}@media (prefers-reduced-motion:reduce){.tbd-ap *,.tbd-ap-stack li{transition-duration:0s!important;transition-delay:0s!important}.tbd-ap-stack li{translate:0;rotate:none}}
.tbd-demo{--tl:var(--accent);--tl-2:var(--accent-2);--dm-pop:cubic-bezier(.34, 1.56, .64, 1);--dm-out:cubic-bezier(.23, 1, .32, 1);--dm-ink:color-mix(in srgb, var(--tl) 30%, var(--border));aspect-ratio:4/3;background:color-mix(in srgb, var(--heading) 6%, var(--surface-alt));border-radius:16px;place-items:center;display:grid;position:relative;overflow:hidden;container-type:inline-size}.tbd-demo svg{flex:none}.dm-ai{border-radius:var(--r-pill);background:var(--accent-2);color:var(--on-accent);align-items:center;gap:3px;padding:3px 7px;font-size:10.5px;font-weight:800;display:inline-flex;position:absolute;top:7px;right:7px}.dm-ai svg{width:11px;height:11px}.dm-card,.dm-bubble,.dm-pill,.dm-stack>.dm-url{background:var(--surface);box-shadow:0 3cqi 6cqi -4cqi color-mix(in srgb, var(--heading) 22%, transparent);border-radius:4cqi}.dm-card{gap:4cqi;width:74cqi;padding:5cqi;display:grid}.dm-line{border-radius:var(--r-pill);background:var(--dm-ink);transform-origin:0;height:3.2cqi;display:block}.dm-url{color:var(--tl);align-items:center;gap:2cqi;display:flex}.dm-url svg{width:7cqi;height:7cqi}.dm-url .dm-line{flex:1}.dm-stack>.dm-url{border-radius:var(--r-pill);width:74cqi;padding:3cqi 4cqi}.dm-stars{color:var(--tl);justify-content:space-between;display:flex}.dm-star{width:11cqi;height:11cqi}.dm-stars-sm{justify-content:flex-start;gap:1cqi}.dm-stars-sm .dm-star{width:6cqi;height:6cqi}.dm-stack{gap:3cqi;width:80cqi;display:grid}.dm-bubble{gap:2cqi;padding:3.5cqi 4cqi;display:grid}.dm-in{border-top-left-radius:1cqi;justify-self:start;width:66cqi}.dm-out{background:var(--tl);transform-origin:100% 0;border-top-right-radius:1cqi;justify-self:end;width:62cqi}.dm-out .dm-line{background:color-mix(in srgb, var(--on-accent) 70%, transparent)}.dm-stack>.dm-url{position:relative}.dm-tap{background:color-mix(in srgb, var(--success) 35%, transparent);opacity:0;border-radius:50%;width:9cqi;height:9cqi;margin-top:-4.5cqi;position:absolute;top:50%;right:8cqi}.dm-wa-bubble{background:color-mix(in srgb, var(--success) 30%, var(--surface));width:64cqi;box-shadow:0 3cqi 6cqi -4cqi color-mix(in srgb, var(--heading) 22%, transparent);border-radius:1cqi 4cqi 4cqi;justify-self:start;gap:2cqi;padding:3.5cqi 4cqi 5.5cqi;display:grid;position:relative}.dm-wa-bubble .dm-line{background:color-mix(in srgb, var(--success-ink) 55%, transparent)}.dm-wa-bubble svg{width:5cqi;height:5cqi;color:var(--accent);position:absolute;bottom:1.6cqi;right:3cqi}.dm-dots{gap:1.4cqi;padding-left:2cqi;display:flex}.dm-dots i{background:var(--tl);border-radius:50%;width:2.4cqi;height:2.4cqi;display:block}.dm-pill{border:.4cqi solid color-mix(in srgb, var(--tl) 35%, var(--border));border-radius:var(--r-pill);justify-self:end;width:70cqi;padding:2.4cqi 3.5cqi}.dm-pill .dm-line{height:2.6cqi}.dm-type{gap:2.6cqi;display:grid}.dm-tags{gap:2cqi;display:flex}.dm-tags b{background:var(--tl-2);width:9cqi;height:9cqi;color:var(--on-accent);border-radius:50%;place-items:center;font-size:5cqi;display:grid}.dm-heat{grid-template-columns:repeat(6,1fr);gap:1.8cqi;width:74cqi;display:grid}.dm-heat i{aspect-ratio:1;background:color-mix(in srgb, var(--tl) calc(var(--v) * 85% + 10%), var(--surface));border-radius:2cqi;display:block}.dm-heat [data-peak]{box-shadow:0 0 0 1cqi var(--surface), 0 0 0 2cqi var(--tl)}.dm-gauge{width:66cqi;height:46cqi;position:relative}.dm-arc{background:conic-gradient(from -90deg at 50% 100%, var(--tl) 0 32%, var(--dm-ink) 32% 50%, transparent 50%);width:66cqi;height:33cqi;-webkit-mask:radial-gradient(circle at 50% 100%, transparent 21cqi, var(--heading) 21.5cqi);mask:radial-gradient(circle at 50% 100%, transparent 21cqi, var(--heading) 21.5cqi);border-radius:33cqi 33cqi 0 0;position:absolute;top:0;left:0}.dm-needle{border-radius:var(--r-pill);background:var(--heading);transform-origin:50% 100%;width:1.8cqi;height:26cqi;position:absolute;top:7cqi;left:calc(50% - .9cqi);rotate:25deg}.dm-needle:after{content:"";background:var(--heading);border-radius:50%;width:5cqi;height:5cqi;position:absolute;bottom:-2cqi;left:-1.6cqi}.dm-gauge b{color:var(--heading);font-family:var(--font-display);font-size:9cqi;line-height:1;position:absolute;bottom:0;left:50%;translate:-50%}.dm-qr{aspect-ratio:1;background:var(--surface);width:50cqi;box-shadow:0 3cqi 6cqi -4cqi color-mix(in srgb, var(--heading) 22%, transparent);border-radius:4cqi;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(7,1fr);gap:.9cqi;padding:4cqi;display:grid}.dm-qr i{background:var(--heading);border-radius:.9cqi;display:block}.dm-coins{align-items:flex-end;gap:4cqi;height:46cqi;display:flex}.dm-coins i{background:repeating-linear-gradient(to top, var(--tl) 0 3.4cqi, color-mix(in srgb, var(--tl) 65%, var(--surface)) 3.4cqi 4.2cqi);transform-origin:bottom;border-radius:3cqi;width:12cqi;display:block}.dm-tag{border:.8cqi solid var(--tl-2);background:var(--surface);width:14cqi;height:14cqi;color:var(--tl-2);transform-origin:50% -40%;border-radius:50%;align-self:flex-start;place-items:center;font-size:8cqi;display:grid}.dm-utm{gap:5cqi}.dm-chips{flex-wrap:wrap;gap:1.6cqi;display:flex}.dm-chips b{border-radius:var(--r-pill);background:var(--accent-2-soft);color:var(--accent-2-ink);padding:1cqi 2.4cqi;font-size:4.6cqi}.dm-frames{align-items:flex-end;gap:5cqi;display:flex}.dm-frame{color:var(--text-2);justify-items:center;gap:2cqi;font-size:4.6cqi;font-style:normal;font-weight:700;display:grid}.dm-frame:before{content:"";width:var(--w);aspect-ratio:var(--r);border:.8cqi solid var(--tl);background:color-mix(in srgb, var(--tl) 14%, var(--surface));border-radius:2cqi}.dm-photo{aspect-ratio:4/3;background:linear-gradient(180deg, color-mix(in srgb, var(--tl) 26%, var(--surface)), var(--surface));border-radius:3cqi;width:72cqi;position:relative;overflow:hidden}.dm-sun{background:var(--tl-2);border-radius:50%;width:12cqi;height:12cqi;position:absolute;top:10%;right:16%}.dm-hill{background:var(--tl);border-radius:50%;height:80%;position:absolute;bottom:-40%;left:-20%;right:-20%}.dm-crop{border:.8cqi solid var(--surface);box-shadow:0 0 0 40cqi color-mix(in srgb, var(--heading) 45%, transparent);border-radius:1cqi;position:absolute;inset:12% 14%}.dm-flip{aspect-ratio:3/4;width:40cqi;transform-style:preserve-3d;display:grid;transform:perspective(120cqi)rotateY(180deg)}.dm-file{background:var(--surface);box-shadow:0 3cqi 6cqi -4cqi color-mix(in srgb, var(--heading) 22%, transparent);backface-visibility:hidden;border-radius:4cqi;grid-area:1/1;place-content:center;justify-items:center;gap:2cqi;display:grid}.dm-file b{color:var(--tl);font-family:var(--font-display);font-size:9cqi}.dm-back{transform:rotateY(180deg)}.dm-back svg{background:var(--success);width:8cqi;height:8cqi;color:var(--on-accent);border-radius:50%;padding:1.4cqi}@media (prefers-reduced-motion:no-preference){.tbd-demo *{animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-fill-mode:both}.dm-star{animation:2.8s ease-in-out infinite dm-shimmer;animation-delay:calc(var(--i,0) * .18s)}.dm-pop,.dm-wa-bubble,.dm-chips b{animation:3.2s ease-in-out infinite alternate dm-bob;animation-delay:calc(var(--i,0) * -.8s)}.dm-dots i{animation:.9s ease-in-out infinite dm-dot}.dm-dots i:nth-child(2){animation-delay:.15s}.dm-dots i:nth-child(3){animation-delay:.3s}.dm-type .dm-line{animation:2.6s ease-in-out infinite alternate dm-breathe;animation-delay:calc(var(--i,0) * -.7s)}.dm-heat i{animation:2.4s ease-in-out infinite dm-wave;animation-delay:calc(var(--i,0) * .12s)}.dm-heat [data-peak]{animation:1.6s ease-in-out infinite dm-peak}.dm-needle{animation:2.4s ease-in-out infinite alternate dm-sway}.dm-qr i{animation:2.4s ease-in-out infinite dm-wave;animation-delay:calc(var(--i,0) * .1s)}.dm-coins i{animation:2.2s ease-in-out infinite alternate dm-rise;animation-delay:calc(var(--i,0) * -.6s)}.dm-tag{animation:1.8s ease-in-out infinite alternate dm-swing}.dm-frame{animation:4.2s ease-in-out infinite dm-pick;animation-delay:calc(var(--i,0) * 1.4s)}.dm-crop{animation:3.6s ease-in-out infinite alternate dm-crop}.dm-sun{animation:3s ease-in-out infinite alternate dm-bob}.dm-flip{animation:5s cubic-bezier(.77,0,.175,1) infinite dm-flip}.dm-tap{animation:3.2s cubic-bezier(.23,1,.32,1) infinite dm-tap}.tbd-tile[data-off] .tbd-demo *{animation-play-state:paused}}@keyframes dm-shimmer{0%,to{scale:1}12%{scale:1.22}24%{scale:1}}@keyframes dm-bob{to{translate:0 -1.8cqi}}@keyframes dm-dot{50%{translate:0 -1.6cqi}}@keyframes dm-breathe{to{scale:.82 1}}@keyframes dm-wave{0%,to{opacity:1}50%{opacity:.55}}@keyframes dm-peak{50%{scale:1.1}}@keyframes dm-sway{0%{rotate:14deg}to{rotate:34deg}}@keyframes dm-rise{to{scale:1 .78}}@keyframes dm-swing{0%{rotate:-12deg}to{rotate:12deg}}@keyframes dm-pick{0%,34%,to{translate:0}10%,24%{translate:0 -2.4cqi}}@keyframes dm-crop{0%{inset:6% 8%}to{inset:16% 20%}}@keyframes dm-flip{0%,40%{transform:perspective(120cqi)rotateY(0)}50%,90%{transform:perspective(120cqi)rotateY(180deg)}to{transform:perspective(120cqi)rotateY(360deg)}}@keyframes dm-tap{0%{opacity:.9;scale:.4}30%,to{opacity:0;scale:1.8}}