@property --p{syntax:"<number>";inherits:true;initial-value:0}.yPQpqW_mobile{justify-content:center;place-self:stretch stretch;align-items:center;gap:.75rem;display:flex}.yPQpqW_mobile small{color:var(--color-subtle);font-family:ui-monospace,monospace;font-size:.65rem}.yPQpqW_phone{border:1px solid var(--color-border-strong);background:var(--color-bg-elevated);width:6.25rem;height:9.25rem;box-shadow:var(--shadow-device);flex-direction:column;gap:.45rem;padding:.5rem .55rem;display:flex}.yPQpqW_phoneRise{border-bottom:0;border-radius:1.1rem 1.1rem 0 0;align-self:flex-end}.yPQpqW_phoneHang{border-top:0;border-radius:0 0 1.1rem 1.1rem;justify-content:flex-end;align-self:flex-start}.yPQpqW_notch{background:color-mix(in srgb, var(--color-text) 16%, transparent);border-radius:99px;align-self:center;width:1.7rem;height:.32rem}.yPQpqW_heading{background:color-mix(in srgb, var(--color-text) 34%, transparent);border-radius:99px;width:55%;height:.45rem;margin-block:.15rem}.yPQpqW_tasks{--p:2;gap:.5rem;animation:7s linear infinite yPQpqW_tasks;display:grid}.yPQpqW_task{--on:clamp(0, (var(--p) - var(--i)) * 4, 1);align-items:center;gap:.4rem;display:flex}.yPQpqW_task i{border:1.5px solid color-mix(in srgb, var(--color-success) calc(var(--on) * 100%), var(--color-border-strong));background:color-mix(in srgb, var(--color-success) calc(var(--on) * 100%), transparent);border-radius:50%;flex:none;width:.75rem;height:.75rem;position:relative}.yPQpqW_task i:after{content:"";border:solid var(--color-on-accent);width:.2rem;height:.34rem;opacity:var(--on);border-width:0 1.5px 1.5px 0;position:absolute;top:.06rem;left:.17rem;rotate:45deg}.yPQpqW_task em{background:color-mix(in srgb, var(--color-text) 22%, transparent);height:.35rem;opacity:calc(1 - var(--on) * .6);border-radius:99px;flex:1}.yPQpqW_task:nth-child(2n) em{flex:.65}@keyframes yPQpqW_tasks{0%,6%{--p:0}70%,93%{--p:4}to{--p:0}}.yPQpqW_panes{flex:1;overflow:hidden}.yPQpqW_paneTrack{height:100%;animation:yPQpqW_panes 7s var(--ease-out) infinite;display:flex}.yPQpqW_paneTrack>span{flex:0 0 100%;align-content:end;gap:.35rem;min-width:0;padding-inline:1px;display:grid}.yPQpqW_paneTrack b,.yPQpqW_paneTrack em{background:color-mix(in srgb, var(--color-text) 12%, transparent);border-radius:.3rem}.yPQpqW_paneTrack em{border-radius:99px;height:.35rem}.yPQpqW_paneTrack em:last-child{width:60%}.yPQpqW_paneFeed b{background:var(--gradient-brand);opacity:.45;height:3.4rem}.yPQpqW_paneGrid{grid-template-columns:1fr 1fr}.yPQpqW_paneGrid b{height:2.1rem}.yPQpqW_paneProfile b{background:color-mix(in srgb, var(--color-accent-2) 45%, transparent);border-radius:50%;width:2rem;height:2rem}.yPQpqW_tabbar{border-top:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);place-items:center;height:1.3rem;display:grid;position:relative}.yPQpqW_tabbar span{background:color-mix(in srgb, var(--color-text) 40%, transparent);border-radius:50%;width:.45rem;height:.45rem;position:relative}.yPQpqW_tabActive{background:color-mix(in srgb, var(--color-accent) 30%, transparent);width:33.3333%;height:.9rem;animation:yPQpqW_tabs 7s var(--ease-out) infinite;border-radius:99px;position:absolute;top:.25rem;left:0;scale:.8 1}.yPQpqW_gesture{background:color-mix(in srgb, var(--color-text) 30%, transparent);border-radius:99px;align-self:center;width:2rem;height:.2rem}@keyframes yPQpqW_panes{0%,28%{translate:0}33%,61%{translate:-100%}66%,95%{translate:-200%}to{translate:0}}@keyframes yPQpqW_tabs{0%,28%{translate:0}33%,61%{translate:100%}66%,95%{translate:200%}to{translate:0}}@property --fill{syntax:"<percentage>";inherits:false;initial-value:0%}.yPQpqW_scores{gap:.9rem;display:flex}.yPQpqW_score{background:conic-gradient(#22c55e var(--fill), #ffffff0f 0);width:3.6rem;height:3.6rem;animation:yPQpqW_fill 2.2s var(--ease-out) infinite alternate both;border-radius:50%;place-items:center;display:grid;position:relative}.yPQpqW_score:before{content:"";background:var(--color-surface);border-radius:50%;position:absolute;inset:4px}.yPQpqW_score span,.yPQpqW_score small{position:relative}.yPQpqW_score span{color:#22c55e;font-size:.85rem;font-weight:700;line-height:1}.yPQpqW_score small{color:var(--color-subtle);margin-top:-.9rem;font-size:.55rem}@keyframes yPQpqW_fill{0%,15%{--fill:0%}70%,to{--fill:100%}}.yPQpqW_vision{width:12rem;height:7rem;position:relative}.yPQpqW_flower{background:radial-gradient(circle,#fde68a 18%,#f472b6 22%,#db2777 70%);border-radius:50%;width:2.4rem;height:2.4rem;animation:4s infinite yPQpqW_detect;position:absolute;box-shadow:0 0 0 2px #0000}.yPQpqW_flower:first-child{top:10%;left:8%}.yPQpqW_flower:nth-child(2){animation-delay:.6s;top:40%;left:30%}.yPQpqW_flower:nth-child(3){animation-delay:1.2s;top:5%;left:52%}.yPQpqW_flower:nth-child(4){animation-delay:1.8s;top:48%;left:68%}.yPQpqW_flower:nth-child(5){width:1.8rem;height:1.8rem;animation-delay:2.4s;top:20%;left:82%}@keyframes yPQpqW_detect{0%,20%{box-shadow:0 0 0 2px #0000}30%,80%{box-shadow:0 0 0 3px var(--color-surface), 0 0 0 5px #22d3ee}}.yPQpqW_scan{background:linear-gradient(#0000,#22d3ee,#0000);width:2px;animation:4s linear infinite yPQpqW_scan;position:absolute;inset:0 auto 0 0}@keyframes yPQpqW_scan{to{left:100%}}.yPQpqW_tag{color:#04212a;background:#22d3ee;border-radius:99px;padding:.15rem .5rem;font-size:.65rem;font-weight:700;position:absolute;bottom:-.4rem;right:0}.yPQpqW_code{width:min(30rem,88%);color:var(--color-muted);gap:.15rem;margin:0;font-family:ui-monospace,SF Mono,monospace;font-size:.78rem;display:grid}.yPQpqW_code span{white-space:pre;opacity:0;animation:7s infinite yPQpqW_type}.yPQpqW_code em{color:var(--color-accent);font-style:normal}@keyframes yPQpqW_type{0%{opacity:0;transform:translate(-6px)}6%,85%{opacity:1;transform:none}to{opacity:0}}@media (prefers-reduced-motion:reduce){.yPQpqW_code span{opacity:1}}.yPQpqW_checkout{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg-elevated);gap:.55rem;width:11.5rem;padding:.75rem;font-size:.7rem;display:grid}.yPQpqW_checkout small{color:var(--color-subtle);font-size:.65rem}.yPQpqW_total{justify-content:space-between;align-items:baseline;display:flex}.yPQpqW_total b{letter-spacing:-.02em;font-size:.95rem}.yPQpqW_methods{background:color-mix(in srgb, var(--color-text) 7%, transparent);color:var(--color-muted);text-align:center;border-radius:.5rem;grid-template-columns:1fr 1fr;padding:2px;font-weight:600;display:grid;position:relative}.yPQpqW_methods span{padding-block:.2rem;position:relative}.yPQpqW_methods i{border:1px solid var(--color-border-strong);background:var(--color-surface-hover);width:calc(50% - 2px);animation:yPQpqW_method 7s var(--ease-out) infinite;border-radius:.4rem;position:absolute;inset:2px auto 2px 2px}@keyframes yPQpqW_method{0%,18%{translate:0}26%,93%{translate:100%}to{translate:0}}.yPQpqW_hold{grid-template-columns:auto 1fr;align-items:center;gap:.5rem;display:grid}.yPQpqW_hold i{background:color-mix(in srgb, var(--color-text) 10%, transparent);border-radius:99px;height:3px;position:relative;overflow:hidden}.yPQpqW_hold i:after{content:"";border-radius:inherit;background:var(--color-accent-2);transform-origin:0;animation:7s linear infinite yPQpqW_hold;position:absolute;inset:0}@keyframes yPQpqW_hold{0%{scale:1}55%,93%{scale:.35 1}to{scale:1}}.yPQpqW_pay{background:var(--gradient-brand);height:1.75rem;color:var(--color-on-accent);animation:yPQpqW_paid 7s linear infinite, yPQpqW_press 7s var(--ease-out) infinite;border-radius:.5rem;place-items:center;font-weight:700;display:grid;position:relative;overflow:hidden}.yPQpqW_pay:before{content:"";background:var(--color-success);opacity:var(--p);position:absolute;inset:0}.yPQpqW_pay span,.yPQpqW_pay i{grid-area:1/1;position:relative}.yPQpqW_pay span{opacity:calc(1 - var(--p))}.yPQpqW_pay i{width:.4rem;height:.75rem;opacity:var(--p);rotate:45deg;scale:calc(.5 + var(--p) * .5);border:2px solid;border-width:0 2px 2px 0;margin-top:-.15rem}@keyframes yPQpqW_paid{0%,56%{--p:0}62%,93%{--p:1}to{--p:0}}@keyframes yPQpqW_press{0%,50%,60%,to{scale:1}55%{scale:.94}}.yPQpqW_steps{--p:4;grid-template-columns:repeat(4,1fr);width:min(26rem,90%);animation:7s linear infinite yPQpqW_steps;display:grid;position:relative}.yPQpqW_steps:before,.yPQpqW_steps:after{content:"";background:var(--color-border-strong);height:2px;position:absolute;top:calc(.8rem - 1px);left:12.5%;right:12.5%}.yPQpqW_steps:after{background:var(--color-accent);transform:scaleX(clamp(0, var(--p) / 3, 1));transform-origin:0}.yPQpqW_step{--on:clamp(0, (var(--p) - var(--i)) * 4, 1);--tone:var(--color-accent);z-index:1;justify-items:center;gap:.5rem;display:grid;position:relative}.yPQpqW_step:last-child{--tone:var(--color-success)}.yPQpqW_step i{border:1.5px solid color-mix(in srgb, var(--tone) calc(var(--on) * 100%), var(--color-border-strong));background:color-mix(in srgb, var(--tone) calc(var(--on) * 100%), var(--color-surface));width:1.6rem;height:1.6rem;color:color-mix(in srgb, var(--color-on-accent) calc(var(--on) * 100%), var(--color-subtle));scale:calc(1 + var(--on) * .08);border-radius:50%;place-items:center;font-size:.68rem;font-style:normal;font-weight:700;display:grid}.yPQpqW_step span{color:color-mix(in srgb, var(--color-text) calc(var(--on) * 100%), var(--color-subtle));font-size:.7rem;font-weight:600}@keyframes yPQpqW_steps{0%,5%{--p:0}68%,93%{--p:3.25}to{--p:0}}
.QkxIgG_bento{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (min-width:48rem){.QkxIgG_bento{grid-template-columns:repeat(2,1fr)}}@media (min-width:64rem){.QkxIgG_bento{grid-template-columns:repeat(3,1fr)}.QkxIgG_mobile,.QkxIgG_product,.QkxIgG_ai{grid-column:span 2}}.QkxIgG_bento>*>*{height:100%}.QkxIgG_tile{grid-template-rows:11rem auto;display:grid;overflow:hidden}.QkxIgG_demo{border-bottom:1px solid var(--color-border);background:radial-gradient(80% 100% at 50% 100%,#a78bfa14,#0000);place-items:center;display:grid;position:relative;overflow:hidden}.QkxIgG_text{padding:var(--space-5) var(--space-6) var(--space-6)}.QkxIgG_text h3{margin:0 0 var(--space-1);font-size:var(--font-size-lg);letter-spacing:-.02em}.QkxIgG_text p{color:var(--color-muted);font-size:var(--font-size-sm);margin:0}