.cl-sheet{border:var(--cl-border-w) solid transparent;background:linear-gradient(var(--color-paper), var(--color-paper)) padding-box, linear-gradient(145deg, transparent 35%, var(--cl-border-a), var(--cl-border-b)) border-box;background-size:200% 100%}@media (prefers-reduced-motion:no-preference){.cl-sheet{animation:cl-border var(--cl-border-t) ease infinite}}@keyframes cl-border{0%,to{background-position:0%}50%{background-position:100%}}
.ab-word{color:var(--color-ink);transition:opacity var(--t-enter) var(--ease-paper), transform var(--t-enter) var(--ease-paper);display:inline-block}html[data-motion=on] .ab-word[data-lit=false]{opacity:var(--ab-dim);transform:translateY(var(--ab-rise))}.ab-principle{padding-top:var(--spacing-s-4);transition:opacity var(--t-enter) var(--ease-paper);position:relative}.ab-line{inset-inline:0;height:var(--stroke-hair);background:var(--color-rule);transform-origin:100%;transition:transform var(--t-draw) var(--ease-draw) var(--reveal-delay,0s);position:absolute;top:0}.ab-fill{inset-inline:0;height:var(--stroke-draw);background:var(--color-forest);transform-origin:100%;position:absolute;top:0}.ab-num{color:var(--color-forest)}html[data-reveal-ready] .ab-principle:not([data-revealed]) .ab-line{transform:scaleX(0)}.ab-principle :is(.ab-num,h3,h3+p){transition:color var(--t-enter) var(--ease-paper)}html[data-motion=on] .ab-principles[data-cycling=true] .ab-principle[data-active=false] :is(.ab-num,h3,h3+p){color:var(--color-ink-3)}html[data-motion=on] .ab-principles[data-cycling=true] .ab-principle{cursor:default}html[data-motion=on] .ab-principles[data-running=true] .ab-fill{animation:ab-fill var(--ab-cycle) linear both}@keyframes ab-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.ab-principles[data-cycling=false] .ab-fill{display:none}
.dm-tilt{--tilt-x:0;--tilt-y:0;width:100%;height:100%;perspective:var(--demo-perspective);place-items:center;display:grid}.dm-tilt-inner{transition:transform var(--t-draw) var(--ease-paper)}@media (hover:hover) and (pointer:fine){html[data-motion=on] .dm-tilt-inner{transform:rotateY(calc(var(--tilt-x) * var(--demo-tilt))) rotateX(calc(var(--tilt-y) * -1 * var(--demo-tilt)))}}.dm-phone{width:var(--demo-phone-w);height:var(--demo-phone-h);padding:var(--demo-bezel);border-radius:var(--demo-phone-radius);background:var(--phone-black);box-shadow:0 0 0 var(--demo-frame) var(--phone-frame), 0 0 0 calc(var(--demo-frame) + 1px) var(--phone-frame-edge), inset 0 0 0 1px var(--phone-frame-edge), 0 var(--spacing-s-5) var(--spacing-s-7) rgb(0 0 0/var(--demo-shadow-alpha));position:relative}.dm-side{background:var(--phone-frame);border-radius:2px;width:3px;position:absolute}.dm-side[data-side=a]{left:calc(-1 * var(--demo-frame) - 3px);height:9%;box-shadow:0 calc(var(--demo-phone-h) * .13) 0 var(--phone-frame);top:22%}.dm-side[data-side=b]{right:calc(-1 * var(--demo-frame) - 3px);height:14%;top:26%}.dm-phone-screen{border-radius:calc(var(--demo-phone-radius) - var(--demo-bezel));background:var(--wa-wallpaper);height:100%;font-family:var(--font-sans);font-size:var(--demo-text);color:var(--wa-ink);flex-direction:column;line-height:1.35;display:flex;position:relative;overflow:hidden}.dm-island{z-index:3;background:var(--phone-black);border-radius:1rem;width:32%;height:1.15rem;position:absolute;top:.45rem;left:50%;translate:-50%}.dm-status{background:var(--wa-bar);height:1.95rem;font-size:var(--demo-text-sm);justify-content:space-between;align-items:center;padding:.35rem 1.15rem 0;font-weight:500;display:flex}.dm-clock{font-feature-settings:"tnum"}.dm-status-icons{align-items:center;gap:4px;display:flex}.dm-si{width:auto;height:.62rem}.dm-battery{height:.7rem}.dm-chat-head{align-items:center;gap:var(--spacing-s-2);padding:var(--spacing-s-1) var(--spacing-s-3) var(--spacing-s-2);background:var(--wa-bar);border-bottom:var(--stroke-hair) solid var(--wa-line);display:flex}.dm-hi{width:1.15rem;height:1.15rem;color:var(--wa-accent)}.dm-back{width:.6rem}.dm-avatar{width:var(--demo-avatar);height:var(--demo-avatar);background:var(--color-forest);color:var(--wa-in);font-size:var(--demo-text-xs);border-radius:50%;flex:none;place-items:center;font-weight:500;display:grid}.dm-chat-name{flex:1;min-width:0;display:grid}.dm-chat-name b{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.dm-chat-name small{font-size:var(--demo-text-xs);color:var(--wa-meta)}.dm-head-icons{gap:var(--spacing-s-3);display:flex}.dm-chat{padding:var(--spacing-s-2) var(--spacing-s-3);background-color:var(--wa-wallpaper);background-image:var(--wa-doodle);background-size:7.5rem;flex-direction:column;flex:1;gap:.3rem;display:flex;overflow:hidden}.dm-day{margin-bottom:var(--spacing-s-1);padding:2px var(--spacing-s-2);background:var(--wa-in);color:var(--wa-meta);font-size:var(--demo-text-xs);box-shadow:0 1px .5px rgb(0 0 0/var(--wa-bubble-shadow));border-radius:.4rem;align-self:center}.dm-msg{max-width:80%;box-shadow:0 1px .5px rgb(0 0 0/var(--wa-bubble-shadow));animation:dm-in var(--t-ui) var(--ease-paper) both;border-radius:.55rem;padding:.3rem .5rem .25rem;position:relative}.dm-msg[data-from=user]{background:var(--wa-out);border-start-end-radius:.1rem;border-end-start-radius:.55rem;align-self:flex-end}.dm-msg[data-from=bot]{background:var(--wa-in);border-start-start-radius:.1rem;align-self:flex-start}.dm-meta{float:left;color:var(--wa-meta);align-items:center;gap:2px;margin:.35rem .5rem -.1rem 0;font-size:.5625rem;line-height:1;display:inline-flex}.dm-ticks{width:.8rem;height:.55rem;color:var(--wa-tick)}.dm-typing{gap:3px;padding:.55rem .7rem;display:flex}.dm-typing i{background:var(--wa-meta);width:5px;height:5px;animation:dm-dot var(--t-draw) var(--ease-paper) infinite alternate;border-radius:50%}.dm-typing i:nth-child(2){animation-delay:var(--t-micro)}.dm-typing i:nth-child(3){animation-delay:calc(2 * var(--t-micro))}.dm-chips{width:80%;animation:dm-in var(--t-ui) var(--ease-paper) both;align-self:flex-start;gap:2px;display:grid}.dm-chips span{background:var(--wa-in);color:var(--wa-link);text-align:center;box-shadow:0 1px .5px rgb(0 0 0/var(--wa-bubble-shadow));transition:background-color var(--t-ui) var(--ease-paper);border-radius:.45rem;padding:.3rem;font-weight:500}.dm-chips span[data-picked]{background:var(--wa-picked)}.dm-card{gap:1px;min-width:70%;animation-name:dm-pop;display:grid}.dm-card-top{align-items:center;gap:var(--spacing-s-2);margin-bottom:2px;display:flex}.dm-card-check{background:var(--wa-accent);border-radius:50%;flex:none;width:1.1rem;height:1.1rem;position:relative}.dm-card-check:after{content:"";border:solid var(--wa-in);border-width:0 0 2px 2px;position:absolute;inset:28% 30% 40%;rotate:-45deg}.dm-card b{font-weight:500}.dm-card-line{font-size:var(--demo-text-xs);color:var(--wa-meta)}.dm-card .dm-meta{float:none;justify-self:end;margin:0}.dm-card-action{border-top:var(--stroke-hair) solid var(--wa-line);color:var(--wa-link);text-align:center;margin:.3rem -.5rem -.25rem;padding:.35rem;font-weight:500}.dm-input{align-items:center;gap:var(--spacing-s-2);padding:.4rem var(--spacing-s-3) 1.25rem;background:var(--wa-bar);border-top:var(--stroke-hair) solid var(--wa-line);display:flex}.dm-field{background:var(--wa-in);border:var(--stroke-hair) solid var(--wa-line);color:var(--wa-meta);font-size:var(--demo-text-xs);border-radius:1rem;flex:1;padding:.3rem .6rem}.dm-home{background:var(--wa-ink);border-radius:1rem;width:36%;height:.25rem;position:absolute;bottom:.35rem;left:50%;translate:-50%}@keyframes dm-in{0%{opacity:0;transform:translateY(var(--enter-offset)) scale(.98)}}@keyframes dm-pop{0%{opacity:0;transform:scale(.92)}}@keyframes dm-dot{to{opacity:.5;transform:translateY(-3px)}}html:not([data-motion=on]) :is(.dm-msg,.dm-chips,.dm-card,.dm-typing i){animation:none}.dm-lock{z-index:2;padding:2.6rem var(--spacing-s-3) 1.6rem;background:var(--phone-black);color:var(--wa-in);transition:translate var(--demo-unlock) var(--ease-paper);flex-direction:column;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden;translate:0 -100%}.dm-lock[data-locked]{translate:0}.dm-lock-blob{z-index:-1;filter:blur(var(--lock-blur));transition:translate var(--t-draw) var(--ease-paper);border-radius:50%;position:absolute}.dm-lock-blob[data-blob=a]{background:var(--lock-blob-a);width:5.5rem;height:5.5rem;top:22%;right:20%}.dm-lock-blob[data-blob=b]{background:var(--lock-blob-b);width:4rem;height:4rem;bottom:30%;left:18%}@media (hover:hover) and (pointer:fine){html[data-motion=on] .bb-tile:hover .dm-lock-blob[data-blob=a]{translate:-2.5rem -2.5rem}html[data-motion=on] .bb-tile:hover .dm-lock-blob[data-blob=b]{translate:2.5rem 3.5rem}}.dm-lock-day{font-size:var(--demo-text-sm);opacity:.85}.dm-lock-clock{letter-spacing:-.02em;flex-direction:column;align-items:center;font-size:4.2rem;font-weight:500;line-height:.95;display:flex}.dm-notif{gap:var(--spacing-s-2);width:100%;padding:var(--spacing-s-2);background:var(--lock-notif);color:var(--wa-ink);opacity:0;translate:0 var(--spacing-s-4);transition:opacity var(--t-ui) var(--ease-paper), translate var(--t-ui) var(--ease-paper), scale var(--t-ui) var(--ease-paper);border-radius:1rem;margin-top:auto;display:flex;scale:.96}.dm-notif[data-in]{opacity:1;translate:0;scale:1}.dm-notif-icon{background:var(--wa-accent);width:2rem;height:2rem;color:var(--wa-in);font-size:var(--demo-text-xs);border-radius:.5rem;flex:none;place-items:center;font-weight:500;display:grid}.dm-notif-body{min-width:0;font-size:var(--demo-text-xs);display:grid}.dm-notif-top{justify-content:space-between;gap:var(--spacing-s-2);display:flex}.dm-notif-top b{font-weight:500}.dm-notif-top small{color:var(--wa-meta)}.dm-notif-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dm-lock-hint{align-items:center;gap:var(--spacing-s-1);margin-top:var(--spacing-s-4);font-size:var(--demo-text-xs);opacity:.8;display:flex}.dm-lock-icon{width:.85rem;height:.85rem}html:not([data-motion=on]) .dm-lock{display:none}.dm-tag{z-index:2;top:var(--spacing-s-3);padding:2px var(--spacing-s-2);border-radius:var(--radius-control);background:var(--color-paper);border:var(--stroke-hair) solid var(--color-rule);font-size:var(--text-label);color:var(--color-ink-2);position:absolute;inset-inline-start:var(--spacing-s-3)}
.bb-tile .bb-stage[data-demo=site]{height:auto;aspect-ratio:var(--aspect-demo-site);container-type:size}@media (min-width:64rem){.bb-tile .bb-stage[data-demo=site]{height:var(--bb-stage-h-lg);aspect-ratio:auto}}.ds-devices{--dv:min(calc(100cqw / 42), calc(100cqh / 27));width:calc(var(--dv) * 40);height:calc(var(--dv) * 23.5);margin-block-start:calc(var(--dv) * 1.5);position:relative}.ds-laptop{width:calc(var(--dv) * 35);filter:drop-shadow(0 calc(var(--dv) * .8) calc(var(--dv) * 1.2) rgb(0 0 0/var(--demo-shadow-alpha)));position:absolute;inset-block-start:0;inset-inline-start:0}.ds-lid{width:calc(var(--dv) * 29);aspect-ratio:16/10.4;padding:calc(var(--dv) * .75) calc(var(--dv) * .65) calc(var(--dv) * .9);border-radius:calc(var(--dv) * 1.1) calc(var(--dv) * 1.1) calc(var(--dv) * .25) calc(var(--dv) * .25);background:var(--laptop-black);box-shadow:0 0 0 1px var(--laptop-alu-dark), inset 0 0 0 1px #ffffff0f;margin-inline:auto;position:relative}.ds-cam{inset-block-start:calc(var(--dv) * .28);width:calc(var(--dv) * .22);height:calc(var(--dv) * .22);background:var(--phone-frame-edge);border-radius:50%;position:absolute;left:50%;translate:-50%}.ds-screen{border-radius:calc(var(--dv) * .2);background:var(--ds-bg);flex-direction:column;height:100%;display:flex;overflow:hidden}.ds-base{height:calc(var(--dv) * .95);border-radius:0 0 calc(var(--dv) * 1.6) calc(var(--dv) * 1.6) / 0 0 calc(var(--dv) * .7) calc(var(--dv) * .7);background:linear-gradient(to bottom, var(--laptop-alu-light), var(--laptop-alu) 45%, var(--laptop-alu-dark));position:relative}.ds-lip{inset-block-start:0;width:calc(var(--dv) * 5);height:calc(var(--dv) * .38);border-radius:0 0 calc(var(--dv) * .5) calc(var(--dv) * .5);background:var(--laptop-alu-dark);position:absolute;left:50%;translate:-50%}.ds-chrome{align-items:center;gap:calc(var(--dv) * .6);height:calc(var(--dv) * 1.15);padding-inline:calc(var(--dv) * .5);background:var(--browser-bar);border-bottom:1px solid var(--wa-line);display:flex}.ds-lights{gap:calc(var(--dv) * .18);display:flex}.ds-lights i{width:calc(var(--dv) * .3);height:calc(var(--dv) * .3);background:var(--browser-light-a);border-radius:50%}.ds-lights i:nth-child(2){background:var(--browser-light-b)}.ds-lights i:nth-child(3){background:var(--browser-light-c)}.ds-url,.ds-addr span{padding:calc(var(--dv) * .08) calc(var(--dv) * 1.6);border-radius:calc(var(--dv) * .25);background:var(--browser-field);font-family:var(--font-sans);font-size:calc(var(--dv) * .42);color:var(--wa-meta);margin-inline:auto;line-height:1.4;display:block}.ds-phone{--demo-phone-w:calc(var(--dv) * 8.6);--demo-phone-h:calc(var(--dv) * 17.8);--demo-phone-radius:calc(var(--dv) * 1.45);--demo-bezel:calc(var(--dv) * .3);--demo-frame:2px;position:absolute;inset-block-end:0;inset-inline-end:0}.ds-phone-screen{background:var(--ds-bg)}.ds-phone .dm-island{top:calc(var(--dv) * .25);height:calc(var(--dv) * .62);border-radius:var(--dv)}.ds-status{height:calc(var(--dv) * 1.15);padding:calc(var(--dv) * .15) calc(var(--dv) * .75) 0;background:var(--ds-bg);color:var(--ds-light);font-family:var(--font-sans);font-size:calc(var(--dv) * .4);font-weight:var(--font-weight-medium);justify-content:space-between;align-items:center;display:flex}.ds-status .dm-si{height:calc(var(--dv) * .32)}.ds-addr{padding:calc(var(--dv) * .3) calc(var(--dv) * .5) calc(var(--dv) * .7);background:var(--browser-bar);border-top:1px solid var(--wa-line)}.ds-addr span{text-align:center;width:100%;font-size:calc(var(--dv) * .36);padding-inline:0}.ds-phone .ds-home{bottom:calc(var(--dv) * .18);height:calc(var(--dv) * .12)}.ds-viewport{background:var(--ds-bg);min-height:0;color:var(--ds-light);font-family:var(--font-sans);font-size:calc(var(--dv) * .4);flex:1;line-height:1.5;position:relative;overflow:hidden}.ds-viewport[data-view=mobile]{font-size:calc(var(--dv) * .3)}.ds-scroll{translate:0 var(--ds-y,0);transition:translate var(--demo-scroll) var(--ease-draw);position:relative}.ds-viewport[data-long] .ds-scroll{transition-duration:var(--demo-scroll-long)}.ds-img{object-fit:cover;width:100%;display:block}.ds-h{font-family:var(--font-serif);font-size:2.2em;font-weight:var(--font-weight-normal);letter-spacing:.04em;line-height:1.1;display:block}.ds-nav{z-index:2;height:4em;transition:background var(--t-ui) var(--ease-paper);justify-content:center;align-items:center;padding-inline:3em;display:flex;position:absolute;inset-block-start:0;inset-inline:0}.ds-viewport[data-scrolled] .ds-nav{background:var(--ds-bg)}.ds-links{font-family:var(--font-serif);gap:4em;font-size:1.05em;display:flex}.ds-nav .ds-btn{position:absolute;inset-inline-end:3em}[data-view=mobile] .ds-links{display:none}[data-view=mobile] .ds-nav .ds-btn{inset-inline-end:1.6em}.ds-btn,.ds-pill,.ds-send{white-space:nowrap;font-family:var(--font-serif);border-radius:.4em;padding:.5em 1.6em;display:inline-block}.ds-btn{border:1px solid var(--ds-light)}.ds-pill{background:var(--ds-panel-ink);color:var(--ds-light)}.ds-hero{text-align:center;justify-items:center;padding:5em 6em 4em;display:grid;position:relative}.ds-hero-img{object-position:center 60%;height:100%;position:absolute;inset:0}.ds-hero:before{content:"";z-index:1;background:var(--ds-shade);position:absolute;inset:0}.ds-hero>:not(img){z-index:2;position:relative}.ds-title{justify-items:center;line-height:1;display:grid}.ds-title small{font-size:1.7em;font-weight:var(--font-weight-medium);letter-spacing:var(--ds-title-track)}.ds-title strong{font-size:5.4em;font-weight:var(--font-weight-medium);letter-spacing:var(--ds-title-track);align-items:center;gap:.5em;display:flex}.ds-title strong i,.ds-pillars i{background:var(--ds-light);width:.2em;height:.2em;rotate:45deg}.ds-title b{font-size:4.2em;font-weight:var(--font-weight-medium);letter-spacing:var(--ds-title-track)}.ds-pillars{grid-template-columns:repeat(3,1fr);gap:5em;margin-block-start:3em;display:grid}.ds-pillars li{justify-items:center;gap:.8em;display:grid}.ds-pillars b{font-family:var(--font-serif);font-size:1.6em;font-weight:var(--font-weight-normal)}.ds-pillars i{width:.9em;height:.9em}.ds-pillars span{font-family:var(--font-serif);color:var(--ds-muted);font-size:.95em}.ds-panel{background:var(--ds-panel);width:100%;color:var(--ds-panel-ink);text-align:start;border-radius:.8em;grid-template-columns:1fr 1fr;gap:3em;margin-block-start:3em;padding:1.8em 2.4em;display:grid}.ds-panel .ds-h{font-size:1.6em;font-weight:var(--font-weight-normal);margin-block-end:.6em}.ds-news{border-inline-end:1px solid var(--ds-field-ink);align-content:start;justify-items:start;gap:.8em;padding-inline-end:3em;display:grid}.ds-news p{font-weight:var(--font-weight-medium);display:grid}.ds-news small{font-weight:var(--font-weight-normal);color:var(--ds-field-ink)}.ds-photo-frame{align-items:center;gap:.8em;display:flex}.ds-photo-frame .ds-img{aspect-ratio:16/9;flex:1;min-width:0}.ds-chev{flex:none;width:.8em}[dir=rtl] .ds-chev[data-dir=next],.ds-chev[data-dir=prev]{scale:-1 1}[dir=rtl] .ds-chev[data-dir=prev]{scale:1}.ds-pills{justify-content:flex-end;gap:.8em;margin-block-start:1em;display:flex}[data-view=mobile] .ds-hero{padding:5em 1.6em 3em}[data-view=mobile] .ds-title strong{font-size:4.2em}[data-view=mobile] .ds-title b{font-size:3.4em}[data-view=mobile] .ds-pillars,[data-view=mobile] .ds-panel{grid-template-columns:1fr;gap:2.4em}[data-view=mobile] .ds-news{border:0;border-block-end:1px solid var(--ds-field-ink);padding:0 0 2em}.ds-about{grid-template-columns:45% 1fr;align-items:start;display:grid}.ds-about-img{aspect-ratio:4/3;filter:grayscale()brightness(.8)}.ds-about>div{text-align:center;padding:2.4em 3em}.ds-about p{text-align:start;font-weight:var(--font-weight-medium);margin-block-start:1.2em}[data-view=mobile] .ds-about{grid-template-columns:1fr}[data-view=mobile] .ds-about>div{padding:2.4em 1.6em}.ds-works{text-align:center;padding-block:3em 2.4em;position:relative;overflow:hidden}.ds-works-bg{filter:blur(2px);height:100%;position:absolute;inset:0}.ds-works:before{content:"";z-index:1;background:var(--ds-shade-strong);position:absolute;inset:0}.ds-works>:not(img){z-index:2;position:relative}.ds-works .ds-h{font-size:3em}.ds-prints{justify-content:center;align-items:center;gap:1.5em;padding:2em 2em 1em;display:flex}.ds-prints .ds-chev{width:1.8em}.ds-prints .ds-img{aspect-ratio:4/5;object-position:center 30%;width:24%;box-shadow:0 .8em 1.6em var(--ds-shade);rotate:var(--ds-print-tilt-a)}.ds-prints .ds-img:nth-of-type(2){rotate:var(--ds-print-tilt-b);translate:0 1em}.ds-prints .ds-img:nth-of-type(3){rotate:var(--ds-print-tilt-c)}.ds-dots{justify-content:center;gap:.5em;margin-block-start:1.6em;display:flex}.ds-dots i{background:var(--ds-line);border-radius:50%;width:.4em;height:.4em}.ds-dots [data-on]{background:var(--ds-light)}[data-view=mobile] .ds-prints{gap:.6em;padding-inline:.8em}[data-view=mobile] .ds-prints .ds-img{width:28%}.ds-book{grid-template-columns:1fr 1fr;column-gap:4em;padding:3em 6em;display:grid}.ds-book .ds-h{font-weight:var(--font-weight-medium);grid-column:1/-1;justify-self:center;margin-block-end:1.2em}.ds-book>p{font-weight:var(--font-weight-medium)}.ds-form{grid-template-columns:1fr 1fr;gap:1.2em 1.6em;display:grid}.ds-form label{font-weight:var(--font-weight-medium);gap:.3em;display:grid}.ds-field{background:var(--ds-light);min-height:2.2em;color:var(--ds-field-ink);text-align:end;border-radius:.4em;padding:.4em .8em}.ds-send{border:1px solid var(--ds-light);transition:opacity var(--t-ui) var(--ease-paper);grid-column:2;justify-self:end;margin-block-start:.6em}.ds-send[data-off]{opacity:.5}[data-view=mobile] .ds-book{grid-template-columns:1fr;row-gap:1.6em;padding:3em 1.6em}[data-view=mobile] .ds-book>p{text-align:center}.ds-foot{font-weight:var(--font-weight-medium);justify-content:center;align-items:end;gap:8em;padding:1em 6em 3em;display:flex}.ds-foot>div{display:grid}.ds-foot .ds-h{margin-block-end:.4em;font-size:1.6em}[data-view=mobile] .ds-foot{text-align:center;flex-direction:column;align-items:center;gap:2em;padding-inline:1.6em}.ds-toast{z-index:3;inset-block-end:2em;background:var(--ds-panel);color:var(--ds-panel-ink);box-shadow:0 .6em 2em rgb(0 0 0/var(--demo-shadow-alpha));white-space:nowrap;opacity:0;transition:opacity var(--t-ui) var(--ease-paper), translate var(--t-enter) var(--ease-paper);border-radius:.8em;align-items:center;gap:.9em;padding:1em 1.6em 1em 1.3em;display:flex;position:absolute;left:50%;translate:-50% 1em}.ds-toast[data-on]{opacity:1;translate:-50%}.ds-toast>span:last-child{display:grid}.ds-toast b{font-size:1.15em;font-weight:var(--font-weight-medium)}.ds-toast small{color:var(--ds-field-ink);font-size:1em}.ds-check{background:var(--ds-panel-ink);border-radius:50%;width:2em;height:2em;position:relative}.ds-check:after{content:"";border:solid var(--ds-light);border-width:0 .18em .18em 0;width:.5em;height:.9em;position:absolute;top:45%;left:50%;translate:-50% -50%;rotate:45deg}.ds-cursor{z-index:4;width:calc(var(--dv) * .6);color:var(--phone-black);translate:var(--cx) var(--cy);transition:translate var(--demo-cursor) var(--ease-draw);filter:drop-shadow(0 1px 1px rgb(0 0 0/var(--demo-shadow-alpha)));position:absolute;top:0;left:0}.ds-cursor svg{transform-origin:10% 10%;width:100%;display:block}.ds-cursor[data-press=a] svg{animation:ds-press-a var(--t-ui) var(--ease-paper)}.ds-cursor[data-press=b] svg{animation:ds-press-b var(--t-ui) var(--ease-paper)}@keyframes ds-press-a{50%{scale:.82}}@keyframes ds-press-b{50%{scale:.82}}.ds-tap{z-index:4;width:calc(var(--dv) * .9);height:calc(var(--dv) * .9);margin:calc(var(--dv) * -.45) 0 0 calc(var(--dv) * -.45);background:rgb(0 0 0/var(--demo-shadow-alpha));translate:var(--cx) var(--cy);opacity:0;animation:ds-tap var(--t-draw) var(--ease-paper);border-radius:50%;position:absolute;top:0;left:0}@keyframes ds-tap{0%{opacity:1;scale:.4}to{opacity:0;scale:1.4}}html:not([data-motion=on]) :is(.ds-cursor,.ds-tap,.ds-toast){display:none}
.fl-window{width:min(var(--flow-window-w), calc(100cqw - 2 * var(--spacing-s-4)));border:1px solid var(--flow-line);background:var(--flow-card);box-shadow:0 var(--spacing-s-4) var(--spacing-s-7) rgb(0 0 0/var(--demo-card-shadow-alpha)), var(--flow-shadow);color:var(--flow-ink);font-family:var(--font-sans);font-size:var(--demo-text);border-radius:1rem;line-height:1.35;position:relative;overflow:hidden}.bb-tile .bb-stage[data-demo=flow]{height:var(--flow-stage-h);padding-block-start:var(--spacing-s-7);container-type:inline-size}.fl-head{border-bottom:1px solid var(--flow-line);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.fl-title{font-weight:var(--font-weight-medium)}.fl-live{color:var(--flow-muted);font-size:var(--demo-text-xs);align-items:center;gap:.4rem;display:flex}.fl-live i{background:var(--flow-live);border-radius:1rem;width:1.7rem;height:1rem;position:relative}.fl-live i:after{content:"";inset-block:.15rem;background:var(--flow-card);border-radius:50%;width:.7rem;position:absolute;left:.85rem}.fl-canvas{background-color:var(--flow-canvas);background-image:radial-gradient(var(--flow-dot) 1px, transparent 1.2px);background-size:.9rem .9rem;gap:1.1rem;padding:1.1rem 1rem 4.6rem;display:grid}.fl-node{border:1px solid var(--flow-line);background:var(--flow-card);box-shadow:var(--flow-shadow);transition:border-color var(--t-ui) var(--ease-paper), box-shadow var(--t-ui) var(--ease-paper);border-radius:.75rem;align-items:center;gap:.7rem;padding:.6rem .7rem;display:flex;position:relative}.fl-node[data-state=run]{border-color:var(--flow-on)}.fl-wire{inset-inline-start:calc(1.7rem - 1px);background:var(--flow-line);width:2px;height:calc(1.1rem + 2px);position:absolute;bottom:100%}.fl-wire:after{content:"";background:var(--flow-on);transform-origin:top;transition:transform var(--t-enter) var(--ease-draw);position:absolute;inset:0;transform:scaleY(0)}.fl-wire[data-lit]:after{transform:scaleY(1)}.fl-icon{border:1px solid var(--flow-line);background:var(--flow-card);width:2rem;height:2rem;color:var(--flow-ink);transition:background var(--t-ui) var(--ease-paper), color var(--t-ui) var(--ease-paper);border-radius:.55rem;flex:none;place-items:center;display:grid}.fl-icon svg{width:1.05rem}.fl-node:not([data-state=idle]) .fl-icon{border-color:var(--flow-on);background:var(--flow-on);color:var(--flow-card)}.fl-text{flex:1;min-width:0;display:grid}.fl-text small{color:var(--flow-muted);font-size:var(--demo-text-xs)}.fl-text b{font-weight:var(--font-weight-medium)}.fl-text>span{color:var(--flow-muted);font-size:var(--demo-text-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fl-status{border:2px solid var(--flow-line);border-radius:50%;flex:none;width:1.15rem;height:1.15rem;position:relative}.fl-node[data-state=run] .fl-status{border-color:var(--flow-line);border-top-color:var(--flow-on);animation:fl-spin var(--t-draw) linear infinite}.fl-node[data-state=done] .fl-status{border-color:var(--flow-ok);background:var(--flow-ok)}.fl-node[data-state=done] .fl-status:after,.fl-ok:after{content:"";border:solid var(--flow-card);border-width:0 2px 2px 0;width:.25rem;height:.45rem;position:absolute;top:42%;left:50%;translate:-50% -50%;rotate:45deg}@keyframes fl-spin{to{rotate:360deg}}.fl-toast{inset-inline:1rem;border:1px solid var(--flow-ok-tint);background:var(--flow-card);box-shadow:var(--flow-shadow);opacity:0;transition:opacity var(--t-ui) var(--ease-paper), translate var(--t-enter) var(--ease-paper);border-radius:.75rem;align-items:center;gap:.6rem;padding:.55rem .75rem;display:flex;position:absolute;bottom:.9rem;translate:0 .6rem}.fl-toast[data-on]{opacity:1;translate:0}.fl-toast>span:last-child{display:grid}.fl-toast b{font-weight:var(--font-weight-medium)}.fl-toast small{color:var(--flow-muted);font-size:var(--demo-text-xs)}.fl-ok{background:var(--flow-ok);border-radius:50%;flex:none;width:1.4rem;height:1.4rem;position:relative}.fl-ok:after{width:.3rem;height:.55rem}
.bb-tile .bb-stage[data-demo=dash]{height:var(--flow-stage-h);padding-block-start:var(--spacing-s-7);container-type:inline-size}.dh-window{width:min(var(--dash-window-w), calc(100cqw - 2 * var(--spacing-s-4)));border:1px solid var(--flow-line);background:var(--flow-canvas);box-shadow:0 var(--spacing-s-4) var(--spacing-s-7) rgb(0 0 0/var(--demo-card-shadow-alpha)), var(--flow-shadow);color:var(--flow-ink);font-family:var(--font-sans);font-size:var(--demo-text-sm);border-radius:1rem;line-height:1.35;display:flex;overflow:hidden;container:dh/inline-size}.dh-rail{width:var(--dash-rail-w);border-inline-end:1px solid var(--flow-line);background:var(--flow-card);flex-direction:column;flex:none;align-items:center;gap:.5rem;padding-block:.75rem;display:none}.dh-logo{background:var(--flow-ink);border-radius:.45rem;width:1.4rem;height:1.4rem;margin-block-end:.5rem}.dh-nav{width:1.9rem;height:1.9rem;color:var(--flow-muted);border-radius:.5rem;place-items:center;display:grid}.dh-nav svg{width:1rem}.dh-nav[data-on]{background:var(--flow-canvas);color:var(--flow-ink)}.dh-main{flex:1;gap:.6rem;min-width:0;padding:.75rem;display:grid}.dh-head{justify-content:space-between;align-items:center;display:flex}.dh-head b{font-size:var(--demo-text);font-weight:var(--font-weight-medium)}.dh-chip{border:1px solid var(--flow-line);background:var(--flow-card);color:var(--flow-muted);font-size:var(--demo-text-xs);border-radius:1rem;padding:.15rem .55rem}.dh-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.dh-kpi,.dh-card{border:1px solid var(--flow-line);background:var(--flow-card);box-shadow:var(--flow-shadow);border-radius:.7rem}.dh-kpi{gap:.15rem;padding:.5rem .6rem;display:grid}.dh-kpi small{color:var(--flow-muted);font-size:var(--demo-text-xs);text-wrap:balance}.dh-card-title{color:var(--flow-muted);font-size:var(--demo-text-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dh-num{font-size:1.25rem;font-weight:var(--font-weight-medium);line-height:1.1}html[data-motion=on] .dh-num[data-tick]{animation:dh-tick var(--t-enter) var(--ease-paper)}@keyframes dh-tick{0%{color:var(--dash-new);opacity:0;translate:0 .35rem}}.dh-body{gap:.5rem;display:grid}.dh-card{align-content:start;gap:.5rem;min-width:0;padding:.6rem .65rem;display:grid}.dh-bars{height:var(--dash-chart-h);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:end;gap:.4rem;display:grid}.dh-bar{grid-template-rows:1fr auto;justify-items:center;gap:.25rem;height:100%;display:grid}.dh-bar i{width:100%;height:calc(var(--h) * 100%);background:var(--dash-bar);transform-origin:bottom;transition:transform var(--t-draw) var(--ease-draw);transition-delay:calc(var(--i) * var(--t-stagger));border-radius:.3rem .3rem .1rem .1rem;align-self:end}.dh-bar[data-last] i{background:var(--dash-bar-on)}.dh-bars:not([data-on]) .dh-bar i{transition-duration:0s;transition-delay:0s;transform:scaleY(0)}.dh-bar small{color:var(--flow-muted);font-size:var(--demo-text-xs)}.dh-table{gap:0}.dh-table .dh-card-title{margin-block-end:.35rem}.dh-row{border-top:1px solid var(--flow-line);transition:background var(--t-enter) var(--ease-paper);border-radius:.35rem;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.4rem .3rem;display:grid}.dh-row>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dh-cols{color:var(--flow-muted);font-size:var(--demo-text-xs);border-top:0;padding-block:.25rem}.dh-row[data-fresh]{background:var(--dash-flash)}.dh-incoming{transition:grid-template-rows var(--t-enter) var(--ease-paper);grid-template-rows:0fr;display:grid}.dh-incoming>.dh-row{opacity:0;min-height:0;transition:opacity var(--t-enter) var(--ease-paper), background var(--t-enter) var(--ease-paper);overflow:hidden}.dh-incoming[data-on]{grid-template-rows:1fr}.dh-incoming[data-on]>.dh-row{opacity:1}.dh-incoming:not([data-on])>.dh-row{border-top-width:0;padding-block:0}.dh-person{align-items:center;gap:.4rem;display:flex}.dh-person i{background:var(--flow-canvas);border:1px solid var(--flow-line);width:1.35rem;height:1.35rem;font-size:var(--demo-text-xs);border-radius:50%;flex:none;place-items:center;font-style:normal;display:grid}.dh-status{font-size:var(--demo-text-xs);transition:background var(--t-ui) var(--ease-paper), color var(--t-ui) var(--ease-paper);border-radius:1rem;padding:.1rem .5rem}.dh-status[data-s=new]{background:var(--dash-new-tint);color:var(--dash-new)}.dh-status[data-s=work]{background:var(--dash-work-tint);color:var(--dash-work)}.dh-status[data-s=won]{background:var(--dash-won-tint);color:var(--dash-won)}@container dh (min-width:30rem){.dh-kpi small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dh-rail{display:flex}.dh-main{padding:.9rem}.dh-body{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.dh-chart{grid-template-rows:auto 1fr;align-content:stretch}.dh-bars{height:auto;min-height:var(--dash-chart-h)}}
.bb-tile .bb-stage[data-demo=sync]{height:var(--flow-stage-h);padding-block-start:var(--spacing-s-7);container-type:inline-size}.sy-window{--sy-gap:.5rem;width:min(var(--sync-window-w), calc(100cqw - 2 * var(--spacing-s-4)));border:1px solid var(--flow-line);background:var(--flow-card);box-shadow:0 var(--spacing-s-4) var(--spacing-s-7) rgb(0 0 0/var(--demo-card-shadow-alpha)), var(--flow-shadow);color:var(--flow-ink);font-family:var(--font-sans);font-size:var(--demo-text-sm);border-radius:1rem;line-height:1.35;overflow:hidden}.sy-head{border-bottom:1px solid var(--flow-line);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.sy-title{font-size:var(--demo-text);font-weight:var(--font-weight-medium)}.sy-live{color:var(--flow-muted);font-size:var(--demo-text-xs);align-items:center;gap:.4rem;display:flex}.sy-live i{background:var(--flow-live);border-radius:1rem;width:1.7rem;height:1rem;position:relative}.sy-live i:after{content:"";inset-block:.15rem;background:var(--flow-card);border-radius:50%;width:.7rem;position:absolute;left:.85rem}.sy-canvas{background-color:var(--flow-canvas);background-image:radial-gradient(var(--flow-dot) 1px, transparent 1.2px);background-size:.9rem .9rem;justify-items:center;padding:1rem .75rem 4.4rem;display:grid;position:relative}.sy-card{border:1px solid var(--flow-line);background:var(--flow-card);box-shadow:var(--flow-shadow);transition:border-color var(--t-ui) var(--ease-paper), opacity var(--t-enter) var(--ease-paper), translate var(--t-enter) var(--ease-paper);border-radius:.75rem;position:relative}.sy-source{align-items:center;gap:.65rem;width:min(17rem,100%);padding:.6rem .7rem;display:flex}.sy-source:not([data-on]){opacity:0;translate:0 -.5rem}.sy-source[data-fresh]{border-color:var(--flow-on)}.sy-text{min-width:0;display:grid}.sy-text small,.sy-target small{color:var(--flow-muted);font-size:var(--demo-text-xs)}.sy-text b,.sy-target b{font-weight:var(--font-weight-medium)}.sy-text>span{color:var(--flow-muted);font-size:var(--demo-text-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sy-icon{border:1px solid var(--flow-line);background:var(--flow-card);width:2rem;height:2rem;color:var(--flow-ink);transition:background var(--t-ui) var(--ease-paper), color var(--t-ui) var(--ease-paper);border-radius:.55rem;flex:none;place-items:center;display:grid}.sy-icon svg{width:1.05rem}.sy-source .sy-icon,.sy-card[data-state=done] .sy-icon{border-color:var(--flow-on);background:var(--flow-on);color:var(--flow-card)}.sy-wire{width:2px;height:var(--sync-wire);background:var(--flow-line);position:relative}.sy-wire:after{content:"";background:var(--flow-on);transform-origin:top;transition:transform var(--t-ui) var(--ease-draw);position:absolute;inset:0;transform:scaleY(0)}.sy-wire[data-lit]:after{transform:scaleY(1)}.sy-wire:before{content:"";z-index:1;background:var(--flow-on);opacity:0;border-radius:50%;width:.45rem;height:.45rem;position:absolute;top:0;left:50%;translate:-50% -50%}html[data-motion=on] .sy-wire[data-lit]:before{animation:sy-run var(--t-enter) var(--ease-draw)}@keyframes sy-run{0%{opacity:1;top:0}90%{opacity:1}to{opacity:0;top:100%}}.sy-bus{height:2px;margin-inline:calc((100% - 2 * var(--sy-gap)) / 6);background:var(--flow-line);justify-self:stretch;position:relative}.sy-bus:after{content:"";background:var(--flow-on);transition:transform var(--t-enter) var(--ease-draw);position:absolute;inset:0;transform:scaleX(0)}.sy-bus[data-lit]:after{transform:scaleX(1)}.sy-targets{gap:var(--sy-gap);grid-template-columns:repeat(3,minmax(0,1fr));justify-self:stretch;display:grid}.sy-target{grid-template-rows:auto 1fr;justify-items:center;display:grid}.sy-target .sy-card{text-align:center;align-content:start;justify-items:center;gap:.2rem;width:100%;min-height:7.4rem;padding:.65rem .4rem .55rem;display:grid}.sy-target .sy-icon{margin-block-end:.2rem}.sy-target b{text-wrap:balance}.sy-card[data-state=run]{border-color:var(--flow-on)}.sy-status{border:2px solid var(--flow-line);border-radius:50%;width:1rem;height:1rem;margin-block-start:auto;position:relative}.sy-card[data-state=run] .sy-status{border-top-color:var(--flow-on);animation:sy-spin var(--t-draw) linear infinite}.sy-card[data-state=done] .sy-status{border-color:var(--flow-ok);background:var(--flow-ok)}.sy-card[data-state=done] .sy-status:after,.sy-ok:after{content:"";border:solid var(--flow-card);border-width:0 2px 2px 0;width:.22rem;height:.4rem;position:absolute;top:42%;left:50%;translate:-50% -50%;rotate:45deg}@keyframes sy-spin{to{rotate:360deg}}.sy-toast{inset-inline:.75rem;border:1px solid var(--flow-ok-tint);background:var(--flow-card);box-shadow:var(--flow-shadow);opacity:0;transition:opacity var(--t-ui) var(--ease-paper), translate var(--t-enter) var(--ease-paper);border-radius:.75rem;align-items:center;gap:.6rem;padding:.55rem .75rem;display:flex;position:absolute;bottom:.8rem;translate:0 .6rem}.sy-toast[data-on]{opacity:1;translate:0}.sy-toast>span:last-child{display:grid}.sy-toast b{font-weight:var(--font-weight-medium)}.sy-toast small{color:var(--flow-muted);font-size:var(--demo-text-xs)}.sy-ok{background:var(--flow-ok);border-radius:50%;flex:none;width:1.4rem;height:1.4rem;position:relative}.sy-ok:after{width:.3rem;height:.55rem}
.bb-tile .bb-stage[data-demo=app]{height:var(--flow-stage-h);padding-block-start:var(--spacing-s-7)}.ap .dm-phone-screen{background:var(--app-bg);color:var(--app-ink)}.ap .dm-status{z-index:3;background:var(--app-bg);position:relative}.ap .dm-home{z-index:5;background:var(--app-ink)}.ap-body{flex:1;position:relative;overflow:hidden}.ap-screen{background:var(--app-bg);transition:translate var(--t-enter) var(--ease-paper);flex-direction:column;display:flex;position:absolute;inset:0}.ap-stay{z-index:1;box-shadow:var(--app-shadow);translate:-100%}.ap-stay[data-on]{translate:0}.ap-scroll{flex:1;min-height:0;padding:.35rem .75rem 0;overflow:hidden}.ap-ico{flex:none;width:.85rem;height:.85rem}.ap-pin{width:.6rem;height:.6rem;color:var(--app-blue);flex:none}.ap-photo{background:var(--app-field);width:100%;height:100%;display:block;position:relative;overflow:hidden}.ap-photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ap-thumbs{inset-inline-start:.45rem;gap:.25rem;display:flex;position:absolute;bottom:.45rem}.ap-thumbs .ap-photo{border:1.5px solid #fff9;border-radius:.35rem;width:1.5rem;height:1.5rem}.ap-thumbs .ap-photo.is-on{border-color:var(--app-bg)}.ap-top{justify-content:space-between;align-items:start;gap:.4rem;display:flex}.ap-top>span:first-child{display:grid}.ap-top small{color:var(--app-muted);font-size:.5625rem}.ap-top b{font-size:var(--demo-text);font-weight:var(--font-weight-medium);line-height:1.2}.ap-area{white-space:nowrap;align-items:center;gap:.15rem;margin-block-start:.15rem;font-size:.5rem;display:flex}.ap-search{background:var(--app-field);color:var(--app-muted);border-radius:999px;align-items:center;gap:.35rem;margin-block:.55rem .5rem;padding:.45rem .6rem;font-size:.5625rem;display:flex}.ap-chips{white-space:nowrap;gap:.25rem;font-size:.5625rem;display:flex;overflow:hidden}.ap-chips span{color:var(--app-muted);border-radius:999px;padding:.3rem .55rem}.ap-chips span[data-on]{background:var(--app-blue-tint);color:var(--app-blue);font-weight:var(--font-weight-medium)}.ap-row-head{justify-content:space-between;align-items:baseline;margin-block:.6rem .4rem;display:flex}.ap-row-head b{font-size:var(--demo-text-sm);font-weight:var(--font-weight-medium)}.ap-row-head small{color:var(--app-blue);font-size:.5rem}.ap-cards{grid-template-columns:1fr .7fr;gap:.45rem;margin-inline-end:-.75rem;display:grid}.ap-card{height:10.5rem;box-shadow:var(--app-shadow);border-radius:.85rem;position:relative;overflow:hidden}.ap-card-label{inset-inline-start:.4rem;max-width:calc(100% - 2.2rem);color:var(--app-bg);white-space:nowrap;text-overflow:ellipsis;background:#18202b8c;border-radius:999px;padding:.2rem .45rem;font-size:.5rem;position:absolute;bottom:.45rem;overflow:hidden}.ap-heart-sm{inset-inline-end:.4rem;background:var(--app-bg);width:1.05rem;height:1.05rem;color:var(--app-heart);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:.4rem}.ap-heart-sm svg{fill:currentColor;width:.6rem}.ap-nav{background:var(--app-bg);color:var(--app-muted);border-start-start-radius:1rem;border-start-end-radius:1rem;justify-content:space-around;padding:.55rem .3rem 1.5rem;display:flex;box-shadow:0 -2px 10px #18202b0f}.ap-nav>span{justify-items:center;gap:.15rem;display:grid}.ap-nav>span[data-on]{color:var(--app-blue)}.ap-nav i{background:currentColor;border-radius:50%;width:.2rem;height:.2rem}.ap-nav .ap-ico{width:.95rem;height:.95rem}.ap-hero{height:7.6rem;box-shadow:var(--app-shadow);border-radius:.9rem;margin-block-end:.55rem;position:relative}.ap-hero>.ap-photo{border-radius:.9rem}.ap-back{inset-inline-start:.45rem;width:1.3rem;height:1.3rem;color:var(--app-ink);background:#ffffffe6;border-radius:.4rem;place-items:center;display:grid;position:absolute;top:.45rem}.ap-back svg{width:.7rem}.ap-heart{inset-inline-end:.45rem;background:var(--app-bg);width:1.45rem;height:1.45rem;box-shadow:var(--app-shadow);color:var(--app-muted);transition:color var(--t-ui) var(--ease-paper);border-radius:50%;place-items:center;display:grid;position:absolute;top:.45rem}.ap-heart svg{fill:none;stroke:currentColor;stroke-width:2px;width:.8rem;transition:fill var(--t-ui) var(--ease-paper), scale var(--t-ui) var(--ease-paper)}.ap-heart[data-on]{color:var(--app-heart)}.ap-heart[data-on] svg{fill:currentColor;scale:1.12}.ap-title{justify-content:space-between;align-items:start;display:flex}.ap-title>span{gap:.1rem;display:grid}.ap-title b{font-size:var(--demo-text-sm);font-weight:var(--font-weight-medium)}.ap-title small{color:var(--app-muted);align-items:center;gap:.15rem;font-size:.5rem;display:flex}.ap-link{color:var(--app-blue);font-size:.5rem;font-weight:var(--font-weight-medium)}.ap-text{color:var(--app-muted);margin-block:.4rem .45rem;font-size:.5625rem;line-height:1.5}.ap-h3{font-size:var(--demo-text-xs);font-weight:var(--font-weight-medium);margin-block-end:.3rem;display:block}.ap-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;display:grid}.ap-facts span{background:var(--app-field);color:var(--app-muted);white-space:nowrap;border-radius:.5rem;justify-items:center;gap:.15rem;padding:.35rem .1rem;font-size:.4375rem;display:grid}.ap-facts .ap-ico{color:var(--app-ink)}.ap-book{gap:.45rem;margin-block-start:.6rem;display:grid}.ap-dates{background:var(--app-field);border-radius:.7rem;align-items:center;gap:.45rem;padding:.4rem .5rem;display:flex}.ap-dates-icon{background:var(--app-blue-tint);width:1.6rem;height:1.6rem;color:var(--app-blue);border-radius:.5rem;flex:none;place-items:center;display:grid}.ap-dates>span:nth-child(2){flex:1;min-width:0;display:grid}.ap-dates small{color:var(--app-muted);font-size:.5rem}.ap-dates b{color:var(--app-ink);font-size:var(--demo-text-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.ap-dates em{background:var(--app-bg);color:var(--app-blue);font-size:.5rem;font-style:normal;font-weight:var(--font-weight-medium);white-space:nowrap;border-radius:999px;padding:.2rem .45rem}.ap-cta{background:var(--app-blue);min-height:1.9rem;color:var(--app-bg);font-size:var(--demo-text-xs);font-weight:var(--font-weight-medium);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;padding-inline:.8rem;line-height:1;display:flex;position:relative}.ap-tap{background:var(--app-ink);opacity:0;pointer-events:none;width:2.4rem;height:2.4rem;animation:ap-tap var(--t-enter) var(--ease-paper);border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.ap-cta .ap-tap{background:var(--app-bg);width:1.6rem;height:1.6rem}@keyframes ap-tap{0%{opacity:.3;scale:.4}to{opacity:0;scale:1.4}}.ap-notif{z-index:4;inset-inline:.45rem;background:var(--app-bg);box-shadow:0 var(--spacing-s-2) var(--spacing-s-5) rgb(0 0 0/var(--demo-shadow-alpha));opacity:0;transition:opacity var(--t-ui) var(--ease-paper), translate var(--t-enter) var(--ease-paper);border-radius:1rem;align-items:center;gap:.5rem;padding:.5rem .6rem;display:flex;position:absolute;top:.4rem;translate:0 -120%}.ap-notif[data-on]{opacity:1;translate:0}.ap-notif-icon{background:var(--app-blue);width:1.8rem;height:1.8rem;color:var(--app-bg);border-radius:.5rem;flex:none;place-items:center;display:grid}.ap-notif>span:nth-child(2){flex:1;min-width:0;display:grid}.ap-notif b{font-size:var(--demo-text-sm);font-weight:var(--font-weight-medium)}.ap-notif small{color:var(--app-muted);font-size:var(--demo-text-xs)}.ap-notif-time{align-self:start}
.bb-grid{gap:var(--grid-gutter);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:48rem){.bb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.bb-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.bb-tile[data-kind=site]{grid-column:span 7}.bb-tile[data-kind=bot]{grid-column:span 5}.bb-tile[data-kind=flow]{grid-column:span 4}.bb-tile[data-kind=dash]{grid-column:span 8}.bb-tile[data-kind=sync],.bb-tile[data-kind=app]{grid-column:span 6}}.bb-tile{border:var(--stroke-hair) solid var(--color-rule);border-radius:var(--radius-specimen);background:var(--color-paper-2);padding:var(--spacing-s-5);transition:border-color var(--t-ui) var(--ease-paper)}@media (hover:hover) and (pointer:fine){.bb-tile:hover{border-color:var(--color-rule-strong)}}.bb-stage{height:var(--bb-stage-h);border-radius:var(--radius-specimen);background:var(--color-paper);place-items:center;display:grid;position:relative;overflow:hidden}.bb-line,.bb-msg,.bb-chips span,.bb-side span,.bb-kpis span,.bb-rows span,.bb-card{border-radius:var(--radius-control);display:block}.bb-stage:not([data-demo]) *{animation-play-state:paused!important}html[data-motion=on] .bb-tile[data-revealed] .bb-stage:not([data-demo]) *{animation-play-state:running!important}html:not([data-motion=on]) .bb-stage:not([data-demo]) *{animation:none!important}.bb-window{border:var(--stroke-hair) solid var(--color-rule-strong);border-radius:var(--radius-specimen) var(--radius-specimen) 0 0;background:var(--color-paper);border-bottom:0;flex-direction:column;width:82%;height:86%;margin-top:14%;display:flex;overflow:hidden}.bb-bar{gap:var(--spacing-s-1);padding:var(--spacing-s-2) var(--spacing-s-3);border-bottom:var(--stroke-hair) solid var(--color-rule);display:flex}.bb-bar i{width:var(--spacing-s-2);height:var(--spacing-s-2);background:var(--color-rule);border-radius:50%}.bb-view{flex:1;overflow:hidden}.bb-page{gap:var(--spacing-s-3);padding:var(--spacing-s-3);animation:bb-scroll var(--bb-scroll) var(--ease-paper) infinite alternate;display:grid}.bb-hero{height:var(--spacing-s-9);border-radius:var(--radius-control);background:linear-gradient(135deg, var(--color-forest), var(--color-ink-2))}.bb-line{height:var(--spacing-s-2);background:var(--color-rule);width:90%}.bb-line[data-w=m]{width:65%}.bb-line[data-w=s]{width:40%}.bb-btn{width:var(--spacing-s-9);height:var(--spacing-s-5);border-radius:var(--radius-control);background:var(--color-forest)}.bb-cards{gap:var(--spacing-s-2);grid-template-columns:repeat(3,1fr);display:grid}.bb-cards span{height:var(--spacing-s-8);border-radius:var(--radius-control);background:var(--color-paper-2);border:var(--stroke-hair) solid var(--color-rule)}@keyframes bb-scroll{0%,15%{transform:translateY(0)}85%,to{transform:translateY(var(--bb-scroll-by))}}.bb-chat{gap:var(--spacing-s-3);width:78%;display:grid}.bb-msg{height:var(--spacing-s-6);border-radius:var(--spacing-s-4)}.bb-msg[data-from=user]{background:var(--color-forest);width:58%;animation:bb-chat-a var(--bb-cycle) var(--ease-paper) infinite;justify-self:start}.bb-msg[data-from=bot]{background:var(--color-paper-2);border:var(--stroke-hair) solid var(--color-rule);width:76%;animation:bb-chat-c var(--bb-cycle) var(--ease-paper) infinite;justify-self:end}.bb-typing{justify-self:end;gap:var(--spacing-s-1);padding:var(--spacing-s-2) var(--spacing-s-3);border-radius:var(--spacing-s-4);background:var(--color-paper-2);animation:bb-chat-b var(--bb-cycle) linear infinite;display:flex}.bb-typing i{width:var(--spacing-s-2);height:var(--spacing-s-2);background:var(--color-ink-3);animation:bb-dot-bounce var(--t-draw) var(--ease-paper) infinite alternate;border-radius:50%}.bb-typing i:nth-child(2){animation-delay:var(--t-micro)}.bb-typing i:nth-child(3){animation-delay:calc(2 * var(--t-micro))}.bb-chips{justify-self:end;gap:var(--spacing-s-2);animation:bb-chat-d var(--bb-cycle) var(--ease-paper) infinite;display:flex}.bb-chips span{width:var(--spacing-s-8);height:var(--spacing-s-5);border:var(--stroke-hair) solid var(--color-forest);border-radius:var(--spacing-s-4)}@keyframes bb-chat-a{0%,5%{opacity:0;transform:translateY(var(--enter-offset))}12%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes bb-chat-b{0%,18%{opacity:0}22%,40%{opacity:1}44%,to{opacity:0;height:0;padding-block:0}}@keyframes bb-chat-c{0%,42%{opacity:0;transform:translateY(var(--enter-offset))}50%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes bb-chat-d{0%,58%{opacity:0;transform:translateY(var(--enter-offset))}66%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes bb-dot-bounce{to{transform:translateY(calc(-1 * var(--spacing-s-1)))}}.bb-flow{width:84%;height:var(--spacing-s-8);justify-content:space-between;align-items:center;display:flex;position:relative}.bb-node{z-index:1;width:var(--spacing-s-8);height:var(--spacing-s-8);border-radius:var(--radius-specimen);border:var(--stroke-draw) solid var(--color-rule-strong);background:var(--color-paper);animation:bb-node var(--bb-flow) linear infinite;animation-delay:calc(var(--i) * var(--bb-flow) / 3);position:relative}.bb-wire{inset-inline:var(--spacing-s-4);height:var(--stroke-draw);background:var(--color-rule);position:absolute;top:50%}.bb-dot{z-index:2;width:var(--spacing-s-3);height:var(--spacing-s-3);margin-top:calc(var(--spacing-s-3) / -2);background:var(--color-forest);animation:bb-run var(--bb-flow) var(--ease-paper) infinite;border-radius:50%;position:absolute;top:50%;right:0}@keyframes bb-run{0%{right:calc(var(--spacing-s-8) / 2);opacity:0}8%{opacity:1}45%{right:calc(50% - var(--spacing-s-3) / 2)}85%{right:calc(100% - var(--spacing-s-8) / 2);opacity:1}to{right:calc(100% - var(--spacing-s-8) / 2);opacity:0}}@keyframes bb-node{0%,20%{border-color:var(--color-forest);background:var(--color-forest-tint)}34%,to{border-color:var(--color-rule-strong);background:var(--color-paper)}}.bb-dash{gap:var(--spacing-s-3);grid-template-columns:18% 1fr;width:88%;height:80%;display:grid}.bb-side{align-content:start;gap:var(--spacing-s-2);padding:var(--spacing-s-2);border-radius:var(--radius-control);background:var(--color-ink);display:grid}.bb-side span{height:var(--spacing-s-2);background:var(--color-ink-2)}.bb-side span:first-child{background:var(--color-forest-tint)}.bb-main{gap:var(--spacing-s-3);grid-template-rows:auto 1fr auto;display:grid}.bb-kpis{gap:var(--spacing-s-2);grid-template-columns:repeat(3,1fr);display:grid}.bb-kpis span{height:var(--spacing-s-6);background:var(--color-paper-2);border:var(--stroke-hair) solid var(--color-rule)}.bb-bars{align-items:flex-end;gap:var(--spacing-s-2);border-bottom:var(--stroke-hair) solid var(--color-rule);display:flex}.bb-bars span{height:calc(30% + var(--i) * 9%);border-radius:var(--radius-control) var(--radius-control) 0 0;background:var(--color-rule);transform-origin:bottom;animation:bb-bar var(--bb-cycle) var(--ease-paper) infinite alternate;animation-delay:calc(var(--i) * var(--t-stagger));flex:1}.bb-bars span:last-child{background:var(--color-forest)}.bb-rows{gap:var(--spacing-s-1);display:grid}.bb-rows span{height:var(--spacing-s-3);background:var(--color-paper-2);animation:bb-row calc(var(--bb-cycle) * 1.5) linear infinite;animation-delay:calc(var(--i) * var(--bb-cycle) / 2)}@keyframes bb-bar{0%{transform:scaleY(.55)}to{transform:scaleY(1)}}@keyframes bb-row{0%,30%{background:var(--color-forest-tint)}34%,to{background:var(--color-paper-2)}}.bb-sync{width:80%;height:var(--spacing-s-9);justify-content:space-between;align-items:center;display:flex;position:relative}.bb-app{z-index:1;width:var(--spacing-s-9);height:var(--spacing-s-9);border-radius:var(--radius-specimen);background:var(--color-ink);position:relative}.bb-app[data-side=b]{background:var(--color-forest)}.bb-app:after{content:"";border:var(--stroke-draw) solid var(--color-paper);border-radius:50%;position:absolute;inset:30%}.bb-app[data-side=b]:after{border-radius:var(--radius-control)}.bb-pipe{inset-inline:var(--spacing-s-9);border-top:var(--stroke-draw) dashed var(--color-rule-strong);position:absolute;top:50%}.bb-packet{top:calc(50% - var(--spacing-s-4));width:var(--spacing-s-3);height:var(--spacing-s-3);border-radius:var(--radius-control);background:var(--color-forest);animation:bb-packet-ab var(--bb-flow) linear infinite;position:absolute}.bb-packet[data-dir=ba]{top:calc(50% + var(--spacing-s-2));background:var(--color-ink);animation-name:bb-packet-ba;animation-delay:calc(var(--bb-flow) / 2)}@keyframes bb-packet-ab{0%{right:var(--spacing-s-9);opacity:0}10%,90%{opacity:1}to{right:calc(100% - var(--spacing-s-9) - var(--spacing-s-3));opacity:0}}@keyframes bb-packet-ba{0%{right:calc(100% - var(--spacing-s-9) - var(--spacing-s-3));opacity:0}10%,90%{opacity:1}to{right:var(--spacing-s-9);opacity:0}}.bb-phone{width:var(--bb-phone-w);height:118%;padding:var(--spacing-s-6) var(--spacing-s-3) 0;border:var(--stroke-draw) solid var(--color-ink);border-radius:var(--spacing-s-5) var(--spacing-s-5) 0 0;background:var(--color-paper);align-content:start;gap:var(--spacing-s-2);border-bottom:0;margin-top:22%;display:grid;position:relative}.bb-notch{top:var(--spacing-s-2);width:30%;height:var(--spacing-s-2);border-radius:var(--spacing-s-2);background:var(--color-ink);position:absolute;left:50%;translate:-50%}.bb-card{height:var(--spacing-s-7);background:var(--color-paper-2);border:var(--stroke-hair) solid var(--color-rule);animation:bb-card var(--bb-cycle) var(--ease-paper) infinite;animation-delay:calc(var(--i) * var(--t-ui))}.bb-card:first-of-type{background:var(--color-forest);border-color:var(--color-forest)}.bb-toggle{width:var(--spacing-s-7);height:var(--spacing-s-4);border-radius:var(--spacing-s-4);background:var(--color-rule);animation:bb-toggle-bg var(--bb-cycle) steps(1) infinite;justify-self:end;padding:2px}.bb-toggle i{width:calc(var(--spacing-s-4) - 4px);background:var(--color-paper);height:100%;animation:bb-toggle var(--bb-cycle) var(--ease-paper) infinite;border-radius:50%;display:block}@keyframes bb-card{0%,4%{opacity:0;transform:translateX(var(--spacing-s-5))}14%,90%{opacity:1;transform:none}to{opacity:0}}@keyframes bb-toggle{0%,45%{transform:translate(0)}55%,to{transform:translateX(calc(-1 * (var(--spacing-s-7) - var(--spacing-s-4))))}}@keyframes bb-toggle-bg{0%{background:var(--color-rule)}50%{background:var(--color-forest)}}.bb-stage[data-demo]{height:var(--bb-stage-h-lg)}@media (min-width:64rem){.bb-tile[data-kind=site] .bb-stage{height:var(--bb-stage-h-lg)}.bb-tile[data-kind=flow] .bb-stage{height:var(--flow-stage-h)}}