.home-section-heading:where(.astro-opffd336){width:100%;max-width:48rem;margin:0 auto var(--home-section-heading-gap,clamp(2.5rem, 5vw, 4rem));text-align:center}.home-section-heading-start:where(.astro-opffd336){margin-inline:0;text-align:start;max-width:42rem;margin-bottom:1.6rem}.home-section-kicker:where(.astro-opffd336){color:var(--vpt-accent);font-size:var(--home-font-size-small);letter-spacing:.16em;text-transform:uppercase;font-weight:750}h2:where(.astro-opffd336){color:var(--vpt-heading);font-family:Georgia,Times New Roman,serif;font-size:var(--home-font-size-display,clamp(1.8rem, 4.5vw, 3.25rem));letter-spacing:-.035em;white-space:nowrap;margin:.65rem 0 0;font-weight:600;line-height:1.08}.home-section-heading-start:where(.astro-opffd336) h2:where(.astro-opffd336){white-space:normal;text-wrap:balance}p:where(.astro-opffd336){max-width:44rem;color:var(--vpt-muted);font-size:var(--home-font-size-body,1rem);line-height:var(--home-line-height-body,1.8);text-wrap:balance;margin:1rem auto 0}.home-section-heading-start:where(.astro-opffd336) p:where(.astro-opffd336){text-wrap:pretty;margin-inline:0}@media (width<=52rem){h2:where(.astro-opffd336){white-space:normal;text-wrap:balance}}.app-view-layout:where(.astro-kxeubo3u){--deck-hint-overhang:2.25rem;--layout-gap:clamp(2rem, 6vw, 5rem);align-items:center;gap:var(--layout-gap);grid-template-columns:minmax(18rem,.78fr) minmax(32rem,1.22fr);display:grid}.app-view-copy:where(.astro-kxeubo3u) .home-section-heading{margin-bottom:2rem}.app-view-benefits:where(.astro-kxeubo3u){gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.app-view-benefits:where(.astro-kxeubo3u) li:where(.astro-kxeubo3u){grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.85rem;display:grid}.app-view-benefits:where(.astro-kxeubo3u) i:where(.astro-kxeubo3u){border:1px solid var(--vpt-border);background:var(--vpt-icon-background);width:2.5rem;height:2.5rem;color:var(--vpt-accent);border-radius:.8rem;place-items:center;margin:0;display:grid;transform:rotate(-3deg)}.app-view-benefits:where(.astro-kxeubo3u) svg:where(.astro-kxeubo3u){fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.25rem;height:1.25rem}.app-view-benefits:where(.astro-kxeubo3u) li:where(.astro-kxeubo3u)>span:where(.astro-kxeubo3u){gap:.1rem;display:grid}.app-view-benefits:where(.astro-kxeubo3u) strong:where(.astro-kxeubo3u){color:var(--vpt-heading)}.app-view-benefits:where(.astro-kxeubo3u) small:where(.astro-kxeubo3u){color:var(--vpt-muted);font-size:var(--home-font-size-small)}.app-view-links:where(.astro-kxeubo3u){flex-wrap:wrap;align-items:center;gap:.9rem 1.2rem;margin-top:2rem;display:flex}.app-view-links:where(.astro-kxeubo3u) a:where(.astro-kxeubo3u){color:var(--vpt-accent-strong);font-weight:700;text-decoration:none}.app-view-links:where(.astro-kxeubo3u) .primary-link:where(.astro-kxeubo3u){border:1px solid var(--vpt-border-strong);background:var(--vpt-surface);box-shadow:0 10px 24px var(--vpt-shadow);border-radius:999px;padding:.75rem 1rem}.app-view-links:where(.astro-kxeubo3u) a:where(.astro-kxeubo3u):hover{text-decoration:underline}.page-deck-demo:where(.astro-kxeubo3u){--phone-rotate-y:0deg;min-width:0;display:block}.deck-stage:where(.astro-kxeubo3u){--deck-green:#247b49;--deck-green-soft:#edf5e8;--deck-coral:#e2866d;--deck-ink:#183f2a;--deck-muted:#718277;--deck-card:#fffef8;--phone-frame-height:38.5rem;--phone-frame-padding:.55rem;--phone-frame-top:2rem;--phone-tab-height:4rem;--page-card-bottom-gap:.5rem;--page-deck-top:7.35rem;height:calc(var(--phone-frame-top) + var(--phone-frame-height) + .5rem);perspective:55rem;perspective-origin:50% 45%;-webkit-user-select:none;user-select:none;position:relative}:root[data-theme=dark] .deck-stage:where(.astro-kxeubo3u){--deck-green:#82dc99;--deck-green-soft:#2b312e;--deck-coral:#f0a087;--deck-ink:#f0f0ed;--deck-muted:#a5a8b0;--deck-card:#282b30}:root[data-theme=dark] .phone-frame:where(.astro-kxeubo3u){background:#171a1e}:root[data-theme=dark] .phone-speaker:where(.astro-kxeubo3u){background:#0d0f12}.phone-frame:where(.astro-kxeubo3u){top:var(--phone-frame-top);width:18.5rem;height:var(--phone-frame-height);padding:var(--phone-frame-padding);border:1px solid color-mix(in srgb, var(--deck-green) 34%, #0b1d12);backface-visibility:hidden;transform:translateX(-50%) rotate(.35deg) rotateY(var(--phone-rotate-y));transform-origin:50%;transform-style:preserve-3d;will-change:transform;background:#102319;border-radius:2.35rem;transition:transform .72s cubic-bezier(.16,1.35,.3,1);position:absolute;left:50%;box-shadow:0 30px 65px #143f2633}.page-deck-demo:where(.astro-kxeubo3u)[data-gesturing] .phone-frame:where(.astro-kxeubo3u){transition:none}.phone-speaker:where(.astro-kxeubo3u){z-index:8;background:#0a1610;border-radius:999px;width:4rem;height:1rem;position:absolute;top:.82rem;left:50%;transform:translate(-50%)}.phone-screen:where(.astro-kxeubo3u){background:var(--deck-card);border-radius:1.9rem;grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;display:grid;position:relative;overflow:hidden}.phone-status:where(.astro-kxeubo3u){background:var(--deck-green-soft);color:var(--deck-ink);font-size:var(--home-font-size-small);justify-content:space-between;align-items:center;padding:.68rem 1.05rem .3rem;line-height:1;display:flex}.phone-indicators:where(.astro-kxeubo3u){color:var(--deck-ink);align-items:center;gap:.25rem;display:flex}.phone-indicators:where(.astro-kxeubo3u) svg:where(.astro-kxeubo3u){display:block;overflow:visible}.signal-icon:where(.astro-kxeubo3u){fill:currentColor;width:.72rem}.wifi-icon:where(.astro-kxeubo3u){fill:currentColor;stroke:currentColor;stroke-linecap:round;stroke-width:1.5px;width:.8rem}.wifi-icon:where(.astro-kxeubo3u) path:where(.astro-kxeubo3u){fill:none}.battery-icon:where(.astro-kxeubo3u){fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.5px;width:1rem}.battery-icon:where(.astro-kxeubo3u) .battery-level:where(.astro-kxeubo3u){fill:currentColor;stroke:none}.app-header:where(.astro-kxeubo3u){z-index:7;border-bottom:1px solid color-mix(in srgb, var(--deck-green) 18%, transparent);background:var(--deck-green-soft);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;min-height:3.8rem;padding:.65rem .9rem;display:grid;position:relative}.app-mark:where(.astro-kxeubo3u){background:var(--deck-green);color:#fff;border-radius:.68rem;place-items:center;width:2.15rem;height:2.15rem;font-family:Georgia,Times New Roman,serif;font-weight:800;display:grid;transform:rotate(-5deg)}.app-title:where(.astro-kxeubo3u){min-width:0;color:var(--deck-ink);font-family:Georgia,Times New Roman,serif;font-size:var(--home-font-size-body);white-space:nowrap}.demo-page:where(.astro-kxeubo3u) header:where(.astro-kxeubo3u) small:where(.astro-kxeubo3u),.card-kicker:where(.astro-kxeubo3u),.focus-card:where(.astro-kxeubo3u) small:where(.astro-kxeubo3u),.mini-stats:where(.astro-kxeubo3u) small:where(.astro-kxeubo3u),.place-card:where(.astro-kxeubo3u) small:where(.astro-kxeubo3u),.profile-head:where(.astro-kxeubo3u) small:where(.astro-kxeubo3u),.profile-streak:where(.astro-kxeubo3u) small:where(.astro-kxeubo3u),.profile-grid:where(.astro-kxeubo3u) small:where(.astro-kxeubo3u){color:var(--deck-muted);font-size:var(--home-font-size-small);letter-spacing:.08em}.wechat-capsule:where(.astro-kxeubo3u){border:1px solid color-mix(in srgb, var(--deck-ink) 18%, transparent);background:color-mix(in srgb, var(--deck-card) 72%, transparent);width:4rem;height:1.68rem;color:var(--deck-ink);border-radius:999px;grid-template-columns:1fr auto 1fr;place-items:center;display:grid;box-shadow:0 .12rem .32rem #143f2614}.capsule-dots:where(.astro-kxeubo3u){align-items:center;gap:.18rem;display:flex}.capsule-dots:where(.astro-kxeubo3u) i:where(.astro-kxeubo3u){background:currentColor;border-radius:50%;width:.18rem;height:.18rem}.capsule-divider:where(.astro-kxeubo3u){background:color-mix(in srgb, var(--deck-ink) 18%, transparent);width:1px;height:.88rem}.capsule-close:where(.astro-kxeubo3u){border:.11rem solid;border-radius:50%;place-items:center;width:.84rem;height:.84rem;display:grid}.capsule-close:where(.astro-kxeubo3u):after{content:"";background:currentColor;border-radius:50%;width:.32rem;height:.32rem}.page-aperture:where(.astro-kxeubo3u){background:var(--deck-card);min-height:0;overflow:hidden}.app-tabs:where(.astro-kxeubo3u){z-index:7;min-height:var(--phone-tab-height);border-top:1px solid color-mix(in srgb, var(--deck-green) 18%, transparent);background:var(--deck-green-soft);grid-template-columns:repeat(3,1fr);display:grid;position:relative}.app-tabs:where(.astro-kxeubo3u) button:where(.astro-kxeubo3u){color:var(--deck-muted);cursor:pointer;font:inherit;font-size:var(--home-font-size-small);background:0 0;border:0;align-content:center;justify-items:center;gap:.12rem;transition:color .24s,transform .48s cubic-bezier(.18,1.3,.3,1);display:grid;position:relative}.app-tabs:where(.astro-kxeubo3u) button:where(.astro-kxeubo3u):before{background:var(--deck-green);content:"";opacity:0;border-radius:999px;width:2.4rem;height:.18rem;transition:opacity .22s,transform .48s cubic-bezier(.18,1.3,.3,1);position:absolute;top:.28rem;transform:scaleX(.25)}.app-tabs:where(.astro-kxeubo3u) button:where(.astro-kxeubo3u) svg:where(.astro-kxeubo3u){fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.1rem;height:1.1rem}.app-tabs:where(.astro-kxeubo3u) button:where(.astro-kxeubo3u).is-active,.app-tabs:where(.astro-kxeubo3u) button:where(.astro-kxeubo3u)[aria-current=page]{color:var(--deck-green);font-weight:800;transform:translateY(-.08rem)}.app-tabs:where(.astro-kxeubo3u) button:where(.astro-kxeubo3u).is-active:before,.app-tabs:where(.astro-kxeubo3u) button:where(.astro-kxeubo3u)[aria-current=page]:before{opacity:1;transform:scaleX(1)}.page-deck:where(.astro-kxeubo3u){z-index:3;top:var(--page-deck-top);pointer-events:none;height:26rem;position:absolute;left:0;right:0}.demo-page:where(.astro-kxeubo3u){background:var(--deck-card);color:var(--deck-ink);scrollbar-width:none;padding:1.15rem;overflow:hidden auto}.demo-page:where(.astro-kxeubo3u)::-webkit-scrollbar{display:none}.phone-page:where(.astro-kxeubo3u){filter:saturate(.35);opacity:.42;pointer-events:none;height:100%}.page-card:where(.astro-kxeubo3u){--card-border-color:color-mix(in srgb, var(--deck-green) 18%, var(--vpt-border));--card-tilt:0deg;--card-y:0rem;--drag-x:0px;width:18rem;height:calc(var(--phone-frame-top) + var(--phone-frame-height) - var(--phone-frame-padding) - var(--phone-tab-height) - var(--page-deck-top) - var(--page-card-bottom-gap));border:1px solid var(--card-border-color);box-shadow:0 18px 42px var(--vpt-shadow-strong);opacity:.93;pointer-events:auto;touch-action:pan-y;will-change:transform;border-radius:1.15rem;transition:transform .68s cubic-bezier(.18,1.28,.3,1),border-color .38s,scale .28s linear,opacity .38s;position:absolute;top:0;left:50%;scale:1}.page-card:where(.astro-kxeubo3u):hover{scale:1.02}.page-home:where(.astro-kxeubo3u){--card-tilt:-1.1deg;--card-y:.25rem}.page-discover:where(.astro-kxeubo3u){--card-tilt:.8deg;--card-y:.3rem}.page-profile:where(.astro-kxeubo3u){--card-tilt:-1.4deg;--card-y:.45rem}.page-card:where(.astro-kxeubo3u)[data-slot="0"]{z-index:8;opacity:1;transform:translateX(calc(-50% + var(--drag-x))) translateY(var(--card-y)) rotate(var(--card-tilt)) scale(1);animation:.56s ease-out page-card-border-enter}@keyframes page-card-border-enter{0%{border-color:#0000}62%{border-color:color-mix(in srgb, var(--deck-green) 42%, var(--vpt-border))}to{border-color:var(--card-border-color)}}.page-card:where(.astro-kxeubo3u)[data-slot="-1"],.page-card:where(.astro-kxeubo3u)[data-slot="1"]{border-color:#0000}.page-card:where(.astro-kxeubo3u)[data-slot="-1"]{z-index:1;transform:translateX(calc(-50% - 13rem + var(--drag-x))) translateY(calc(1.2rem + var(--card-y))) rotate(calc(-10.5deg + var(--card-tilt))) scale(.82)}.page-card:where(.astro-kxeubo3u)[data-slot="1"]{z-index:1;transform:translateX(calc(-50% + 13rem + var(--drag-x))) translateY(calc(1rem + var(--card-y))) rotate(calc(9.5deg + var(--card-tilt))) scale(.82)}.page-card:where(.astro-kxeubo3u)[data-dragging]{cursor:grabbing;transition:none}.demo-page:where(.astro-kxeubo3u) header:where(.astro-kxeubo3u){color:var(--deck-muted);font-size:var(--home-font-size-small);justify-content:space-between;align-items:center;display:flex}.card-kicker:where(.astro-kxeubo3u){color:var(--deck-coral);margin:1.2rem 0 0;font-weight:800}.demo-page:where(.astro-kxeubo3u) h3:where(.astro-kxeubo3u){color:var(--deck-ink);font-family:Georgia,Times New Roman,serif;font-size:var(--home-font-size-title);letter-spacing:-.03em;margin:.38rem 0 0;font-weight:600}.card-copy:where(.astro-kxeubo3u){color:var(--deck-muted);font-size:var(--home-font-size-small);margin:.35rem 0 0;line-height:1.55}.focus-card:where(.astro-kxeubo3u){background:var(--deck-green-soft);border-radius:1rem;grid-template-columns:1fr auto;gap:.65rem;margin-top:1.2rem;padding:1rem;display:grid}.focus-card:where(.astro-kxeubo3u)>span:where(.astro-kxeubo3u){display:grid}.focus-card:where(.astro-kxeubo3u) strong:where(.astro-kxeubo3u){font-size:var(--home-font-size-title)}.focus-card:where(.astro-kxeubo3u)>i:where(.astro-kxeubo3u){border:.42rem solid color-mix(in srgb, var(--deck-green) 18%, transparent);border-top-color:var(--deck-green);border-radius:50%;place-items:center;width:3.1rem;height:3.1rem;display:grid;transform:rotate(30deg)}.focus-card:where(.astro-kxeubo3u)>i:where(.astro-kxeubo3u) b:where(.astro-kxeubo3u){background:var(--deck-coral);border-radius:50%;width:.45rem;height:.45rem}.focus-card:where(.astro-kxeubo3u) em:where(.astro-kxeubo3u){color:var(--deck-muted);font-size:var(--home-font-size-small);grid-column:1/-1;font-style:normal}.mini-stats:where(.astro-kxeubo3u),.profile-grid:where(.astro-kxeubo3u){grid-template-columns:repeat(2,1fr);gap:.55rem;margin-top:.7rem;display:grid}.mini-stats:where(.astro-kxeubo3u)>span:where(.astro-kxeubo3u),.profile-grid:where(.astro-kxeubo3u)>span:where(.astro-kxeubo3u){border:1px solid var(--vpt-border);border-radius:.75rem;gap:.18rem;padding:.75rem;display:grid}.place-card:where(.astro-kxeubo3u){background:var(--deck-green-soft);border-radius:1rem;gap:.7rem;margin-top:1.1rem;padding:.8rem;display:grid}.place-art:where(.astro-kxeubo3u){background:linear-gradient(160deg,#b8dfad,#eaf3dc);border-radius:.75rem;height:7rem;display:block;position:relative;overflow:hidden}.place-art:where(.astro-kxeubo3u) i:where(.astro-kxeubo3u){background:#6bb96e;border-radius:50%;width:7rem;height:7rem;position:absolute;bottom:-1.5rem;right:-1rem}.place-art:where(.astro-kxeubo3u) i:where(.astro-kxeubo3u):nth-child(2){background:#3f9358;bottom:-2.8rem;right:3.6rem}.place-art:where(.astro-kxeubo3u) b:where(.astro-kxeubo3u){background:#fff4c4;border-radius:50%;width:2rem;height:2rem;position:absolute;top:1rem;left:1rem;box-shadow:0 0 1.6rem #fff4c4cc}.place-card:where(.astro-kxeubo3u)>span:where(.astro-kxeubo3u):last-child,.profile-head:where(.astro-kxeubo3u)>span:where(.astro-kxeubo3u):last-child,.profile-streak:where(.astro-kxeubo3u)>span:where(.astro-kxeubo3u){gap:.12rem;display:grid}.place-card:where(.astro-kxeubo3u) em:where(.astro-kxeubo3u){color:var(--deck-muted);font-size:var(--home-font-size-small);font-style:normal}.place-tags:where(.astro-kxeubo3u){gap:.4rem;margin-top:.7rem;display:flex}.place-tags:where(.astro-kxeubo3u) span:where(.astro-kxeubo3u){background:var(--deck-green-soft);color:var(--deck-green);font-size:var(--home-font-size-small);border-radius:999px;padding:.3rem .5rem}.profile-head:where(.astro-kxeubo3u){grid-template-columns:auto 1fr;align-items:center;gap:.8rem;margin-top:.8rem;display:grid}.profile-avatar:where(.astro-kxeubo3u){background:linear-gradient(145deg, var(--deck-green), #8dcf87);color:#fff;width:4rem;height:4rem;font-size:var(--home-font-size-title);border-radius:1.25rem;place-items:center;font-weight:800;display:grid;transform:rotate(-3deg)}.profile-head:where(.astro-kxeubo3u) h3:where(.astro-kxeubo3u),.profile-head:where(.astro-kxeubo3u) p:where(.astro-kxeubo3u){margin:0}.profile-head:where(.astro-kxeubo3u) p:where(.astro-kxeubo3u){color:var(--deck-muted);font-size:var(--home-font-size-small)}.profile-streak:where(.astro-kxeubo3u){background:var(--deck-green-soft);border-radius:1rem;align-items:center;gap:.7rem;margin-top:.75rem;padding:.75rem 1rem;display:flex}.profile-streak:where(.astro-kxeubo3u)>i:where(.astro-kxeubo3u){background:var(--deck-green);color:#fff;border-radius:.8rem;place-items:center;width:2.6rem;height:2.6rem;font-style:normal;display:grid}.day-plan:where(.astro-kxeubo3u),.route-list:where(.astro-kxeubo3u),.profile-week:where(.astro-kxeubo3u){margin-top:1rem}.day-plan:where(.astro-kxeubo3u)>header:where(.astro-kxeubo3u) strong:where(.astro-kxeubo3u),.route-list:where(.astro-kxeubo3u)>header:where(.astro-kxeubo3u) strong:where(.astro-kxeubo3u),.profile-week:where(.astro-kxeubo3u)>header:where(.astro-kxeubo3u) strong:where(.astro-kxeubo3u){color:var(--deck-ink);font-size:var(--home-font-size-small)}.day-plan:where(.astro-kxeubo3u) small:where(.astro-kxeubo3u),.route-list:where(.astro-kxeubo3u) small:where(.astro-kxeubo3u),.profile-week:where(.astro-kxeubo3u) small:where(.astro-kxeubo3u),.profile-menu:where(.astro-kxeubo3u) small:where(.astro-kxeubo3u){color:var(--deck-muted);font-size:var(--home-font-size-small);font-weight:400}.day-plan-list:where(.astro-kxeubo3u){border-top:1px solid var(--vpt-border);margin-top:.45rem;display:grid}.day-plan-list:where(.astro-kxeubo3u)>span:where(.astro-kxeubo3u){border-bottom:1px solid var(--vpt-border);grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;padding:.52rem .1rem;display:grid}.day-plan-list:where(.astro-kxeubo3u)>span:where(.astro-kxeubo3u)>i:where(.astro-kxeubo3u){background:var(--deck-green);width:.48rem;height:.48rem;box-shadow:0 0 0 .2rem color-mix(in srgb, var(--deck-green) 10%, transparent);border-radius:50%}.day-plan-list:where(.astro-kxeubo3u)>span:where(.astro-kxeubo3u):nth-child(2)>i:where(.astro-kxeubo3u){background:var(--deck-coral)}.day-plan-list:where(.astro-kxeubo3u)>span:where(.astro-kxeubo3u):nth-child(3)>i:where(.astro-kxeubo3u){background:#d0aa54}.day-plan-list:where(.astro-kxeubo3u) b:where(.astro-kxeubo3u),.route-row:where(.astro-kxeubo3u)>span:where(.astro-kxeubo3u){gap:.08rem;display:grid}.day-plan-list:where(.astro-kxeubo3u) b:where(.astro-kxeubo3u){font-size:var(--home-font-size-small)}.day-plan-list:where(.astro-kxeubo3u) em:where(.astro-kxeubo3u),.route-row:where(.astro-kxeubo3u) em:where(.astro-kxeubo3u){color:var(--deck-muted);font-size:var(--home-font-size-small);font-style:normal}.route-list:where(.astro-kxeubo3u){padding-top:.15rem}.route-row:where(.astro-kxeubo3u){border-bottom:1px solid var(--vpt-border);grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.58rem 0;display:grid}.route-row:where(.astro-kxeubo3u)>i:where(.astro-kxeubo3u){background:linear-gradient(145deg,#bde0b1,#5fae70);border-radius:.65rem;width:2.15rem;height:2.15rem}.route-row:where(.astro-kxeubo3u)>i:where(.astro-kxeubo3u).route-hill{background:linear-gradient(145deg,#f3d99b,#789d6d)}.route-row:where(.astro-kxeubo3u) strong:where(.astro-kxeubo3u),.profile-menu:where(.astro-kxeubo3u) strong:where(.astro-kxeubo3u){font-size:var(--home-font-size-small)}.profile-week:where(.astro-kxeubo3u){background:var(--deck-green-soft);border-radius:.9rem;margin-top:.5rem;padding:.6rem .8rem}.week-bars:where(.astro-kxeubo3u){align-items:end;gap:.34rem;height:1.9rem;margin-top:.4rem;display:flex}.week-bars:where(.astro-kxeubo3u) i:where(.astro-kxeubo3u){width:100%;height:var(--activity-height);background:color-mix(in srgb, var(--deck-green) 26%, transparent);border-radius:.28rem .28rem .12rem .12rem}.week-bars:where(.astro-kxeubo3u) i:where(.astro-kxeubo3u).today{background:var(--deck-green)}.week-days:where(.astro-kxeubo3u){color:var(--deck-muted);font-size:var(--home-font-size-small);text-align:center;grid-template-columns:repeat(7,1fr);margin-top:.3rem;display:grid}.profile-menu:where(.astro-kxeubo3u){margin-top:0;display:grid}.profile-menu:where(.astro-kxeubo3u)>span:where(.astro-kxeubo3u){border-bottom:1px solid var(--vpt-border);grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;padding:.68rem .1rem;display:grid}.profile-menu:where(.astro-kxeubo3u)>span:where(.astro-kxeubo3u)>i:where(.astro-kxeubo3u){background:var(--deck-green-soft);width:1.65rem;height:1.65rem;color:var(--deck-green);font-size:var(--home-font-size-small);border-radius:.5rem;place-items:center;font-style:normal;display:grid}.card-select:where(.astro-kxeubo3u){border-radius:inherit;cursor:grab;touch-action:pan-y;background:0 0;border:0;position:absolute;inset:0}.card-select:where(.astro-kxeubo3u):focus-visible{outline:3px solid color-mix(in srgb, var(--deck-green,var(--vpt-accent)) 44%, transparent);outline-offset:-4px}.app-tabs:where(.astro-kxeubo3u) button:where(.astro-kxeubo3u):focus-visible,.app-view-links:where(.astro-kxeubo3u) a:where(.astro-kxeubo3u):focus-visible{outline:3px solid color-mix(in srgb, var(--deck-green,var(--vpt-accent)) 44%, transparent);outline-offset:3px}.deck-hint:where(.astro-kxeubo3u){bottom:calc(-1 * var(--deck-hint-overhang));width:max-content;max-width:calc(100% - 1rem);color:var(--deck-muted);font-size:var(--home-font-size-small);text-align:center;white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.deck-hint:where(.astro-kxeubo3u) span:where(.astro-kxeubo3u){color:var(--deck-coral);margin-right:.35rem}@media (width<=68rem){.app-view-layout:where(.astro-kxeubo3u){align-items:stretch;gap:calc(var(--layout-gap) + var(--deck-hint-overhang));flex-direction:column-reverse;display:flex}.app-view-copy:where(.astro-kxeubo3u){width:min(100%,42rem)}.page-deck-demo:where(.astro-kxeubo3u){width:min(100%,44rem);margin-inline:auto}}@media (width<=38rem){.deck-stage:where(.astro-kxeubo3u){--phone-frame-height:37rem;--phone-frame-top:1.5rem;--page-deck-top:6.95rem}.phone-frame:where(.astro-kxeubo3u){width:17.5rem}.page-card:where(.astro-kxeubo3u){width:17rem}.page-card:where(.astro-kxeubo3u)[data-slot="-1"]{transform:translateX(calc(-50% - 8.5rem + var(--drag-x))) translateY(calc(1rem + var(--card-y))) rotate(calc(-9deg + var(--card-tilt))) scale(.78)}.page-card:where(.astro-kxeubo3u)[data-slot="1"]{transform:translateX(calc(-50% + 8.5rem + var(--drag-x))) translateY(calc(1rem + var(--card-y))) rotate(calc(9deg + var(--card-tilt))) scale(.78)}}@media (prefers-reduced-motion:reduce){.page-card:where(.astro-kxeubo3u),.page-card:where(.astro-kxeubo3u)[data-slot="0"],.phone-frame:where(.astro-kxeubo3u),.app-tabs:where(.astro-kxeubo3u) button:where(.astro-kxeubo3u),.app-tabs:where(.astro-kxeubo3u) button:where(.astro-kxeubo3u):before{transition:none;animation:none}.phone-frame:where(.astro-kxeubo3u){transform:translate(-50%)rotate(.35deg)}}.subpackage-benefits:where(.astro-2g76yjv3){grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:.75rem;margin:clamp(2.5rem,5vw,3.5rem) 0 0;display:grid}.benefit-card:where(.astro-2g76yjv3){border:1px solid var(--vpt-border);border-radius:var(--home-card-radius);background:radial-gradient(circle at 100% 0, color-mix(in srgb, var(--vpt-icon-background) 72%, transparent), transparent 55%), var(--vpt-surface);height:100%;min-height:6.5rem;box-shadow:0 12px 30px var(--vpt-shadow);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.85rem;margin:0;padding:1.15rem;display:grid}.benefit-icon:where(.astro-2g76yjv3){border:1px solid var(--vpt-border);background:var(--vpt-icon-background);width:2.65rem;height:2.65rem;color:var(--vpt-accent);border-radius:.85rem;place-items:center;display:grid;transform:rotate(-3deg)}.benefit-icon:where(.astro-2g76yjv3) svg{width:1.3rem;height:1.3rem}.benefit-card:where(.astro-2g76yjv3)>span:where(.astro-2g76yjv3):last-child{gap:.2rem;min-width:0;display:grid}.benefit-card:where(.astro-2g76yjv3) strong:where(.astro-2g76yjv3){color:var(--vpt-heading-strong);font-size:var(--home-font-size-body)}.benefit-card:where(.astro-2g76yjv3) small:where(.astro-2g76yjv3){color:var(--vpt-muted);font-size:var(--home-font-size-small);line-height:1.5}.subpackage-link:where(.astro-2g76yjv3){width:fit-content;margin:var(--home-section-heading-gap) auto 0;color:var(--vpt-accent-strong);font-weight:700;text-decoration:none;display:block}.subpackage-link:where(.astro-2g76yjv3):hover{text-decoration:underline}@media (width<=40rem){.subpackage-benefits:where(.astro-2g76yjv3){grid-template-columns:1fr}}vpt-lazy-video:where(.astro-zhamz4si){display:block}.hmr-video-frame:where(.astro-wbb7redi){border:1px solid var(--vpt-border);border-radius:var(--home-panel-radius,1.5rem);background:var(--vpt-surface);width:100%;box-shadow:none;line-height:0;display:block;overflow:hidden;transform:none}.hmr-video-frame:where(.astro-wbb7redi)[data-variant=showcase]{box-shadow:0 3px 10px var(--vpt-shadow-strong), 0 24px 60px var(--vpt-shadow);transform:rotate(.65deg)}.window-bar:where(.astro-wbb7redi){border-bottom:1px solid var(--vpt-border);min-height:2.5rem;color:var(--vpt-muted);font-size:var(--home-font-size-small);place-items:center;padding-inline:.85rem;line-height:normal;display:grid;position:relative}.window-controls:where(.astro-wbb7redi){gap:.32rem;display:flex;position:absolute;left:.85rem}.window-bar:where(.astro-wbb7redi) i:where(.astro-wbb7redi){background:#ed967c;border-radius:50%;width:.55rem;height:.55rem;margin:0;display:block}.window-bar:where(.astro-wbb7redi) i:where(.astro-wbb7redi):nth-child(2){background:#e5c65c}.window-bar:where(.astro-wbb7redi) i:where(.astro-wbb7redi):nth-child(3){background:#57b870}.window-title:where(.astro-wbb7redi){text-align:center;padding-inline:4rem}.hmr-video:where(.astro-wbb7redi){aspect-ratio:1988/1624;background:var(--vpt-video-background);border:0;border-radius:0;width:100%;height:auto;margin:0;display:block}.demo-section:where(.astro-lmefa4qu){grid-template-columns:minmax(25rem,1.2fr) minmax(0,.8fr);align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.demo-copy:where(.astro-lmefa4qu) ul:where(.astro-lmefa4qu){color:var(--vpt-text);font-size:var(--home-font-size-body);gap:.65rem;margin:0 0 1.6rem;padding:0;line-height:1.7;list-style:none;display:grid}.demo-copy:where(.astro-lmefa4qu) li:where(.astro-lmefa4qu) span:where(.astro-lmefa4qu){background:var(--vpt-chip-background);width:1.35rem;height:1.35rem;color:var(--vpt-accent);font-size:var(--home-font-size-small);border-radius:50%;place-items:center;margin-right:.45rem;display:inline-grid}.demo-copy:where(.astro-lmefa4qu)>a:where(.astro-lmefa4qu){color:var(--vpt-accent-strong);font-size:var(--home-font-size-body);font-weight:700;text-decoration:none}.demo-copy:where(.astro-lmefa4qu)>a:where(.astro-lmefa4qu):hover{text-decoration:underline}@media (width<=64rem){.demo-section:where(.astro-lmefa4qu){grid-template-columns:1fr}.demo-copy:where(.astro-lmefa4qu){max-width:42rem}}.home-features:where(.astro-nbjglx5y){--feature-cta-space:var(--home-section-space);position:relative}.home-features:where(.astro-nbjglx5y) .home-section-heading,.feature-grid:where(.astro-nbjglx5y),.feature-actions:where(.astro-nbjglx5y){z-index:1;position:relative}.lower-botanical:where(.astro-nbjglx5y){z-index:0;opacity:.2;pointer-events:none;width:clamp(11rem,18vw,16rem);height:auto;position:absolute}.lower-botanical-left:where(.astro-nbjglx5y){top:28%;left:clamp(-7rem,-6vw,-4rem);transform:rotate(-16deg)}.lower-botanical-right:where(.astro-nbjglx5y){bottom:14%;right:clamp(-7rem,-6vw,-4rem);transform:scaleX(-1)rotate(-12deg)}.feature-grid:where(.astro-nbjglx5y){grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;display:grid}.feature-card:where(.astro-nbjglx5y){border:1px solid var(--vpt-border);border-radius:var(--home-card-radius);background:var(--vpt-card-background);min-height:18rem;box-shadow:0 18px 50px var(--vpt-shadow);flex-direction:column;grid-column:span 2;padding:clamp(1.25rem,3vw,2rem);transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.feature-card:where(.astro-nbjglx5y):nth-child(3n+1){transform:rotate(-.3deg)}.feature-card:where(.astro-nbjglx5y):nth-child(3n+2){transform:translateY(.35rem)rotate(.22deg)}.feature-card:where(.astro-nbjglx5y):nth-child(3n){transform:rotate(.28deg)}.feature-card:where(.astro-nbjglx5y):hover{border-color:var(--vpt-border-strong);box-shadow:0 22px 55px var(--vpt-shadow-strong);transform:translateY(-3px)rotate(0)}.feature-heading:where(.astro-nbjglx5y){align-items:center;gap:.9rem;display:flex}.feature-icon:where(.astro-nbjglx5y){border:1px solid var(--vpt-border);background:var(--vpt-icon-background);width:3.25rem;height:3.25rem;color:var(--vpt-accent);border-radius:1rem;place-items:center;display:grid;transform:rotate(-3deg)}.feature-icon:where(.astro-nbjglx5y) svg{width:1.8rem;height:1.8rem}.feature-heading:where(.astro-nbjglx5y) h3:where(.astro-nbjglx5y){color:var(--vpt-heading);font-size:var(--home-font-size-title);margin:0}.feature-card:where(.astro-nbjglx5y)>p:where(.astro-nbjglx5y){color:var(--vpt-text);font-size:var(--home-font-size-body);line-height:var(--home-line-height-body);margin:1.35rem 0 1.5rem}.feature-tags:where(.astro-nbjglx5y){flex-wrap:wrap;gap:.45rem;margin-top:auto;display:flex}.feature-tags:where(.astro-nbjglx5y) span:where(.astro-nbjglx5y){border:1px solid var(--vpt-border);background:var(--vpt-chip-background);color:var(--vpt-chip-text);font-size:var(--home-font-size-small);border-radius:999px;padding:.3rem .65rem}.feature-actions:where(.astro-nbjglx5y){margin-top:var(--feature-cta-space);flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.feature-action:where(.astro-nbjglx5y){border:1px solid var(--vpt-border-strong);background:var(--vpt-surface);box-shadow:0 12px 28px var(--vpt-shadow);color:var(--vpt-accent-strong);border-radius:999px;align-items:center;gap:.65rem;padding:.8rem 1.15rem;font-weight:700;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.feature-action-ai:where(.astro-nbjglx5y){border-color:var(--vpt-button-background);background:var(--vpt-button-background);color:var(--vpt-button-text)}.feature-action:where(.astro-nbjglx5y) svg{width:1.05rem;height:1.05rem}.feature-action:where(.astro-nbjglx5y):hover{border-color:var(--vpt-border-strong);box-shadow:0 16px 34px var(--vpt-shadow-strong);transform:translateY(-2px)}.feature-action:where(.astro-nbjglx5y):focus-visible{outline:3px solid color-mix(in srgb, var(--vpt-accent) 45%, transparent);outline-offset:4px}@media (width<=64rem){.feature-grid:where(.astro-nbjglx5y){grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card:where(.astro-nbjglx5y){grid-column:span 1}.feature-card:where(.astro-nbjglx5y):last-child:nth-child(odd){grid-column:1/-1}}@media (width<=40rem){.lower-botanical:where(.astro-nbjglx5y){opacity:.14;width:10rem}.lower-botanical-left:where(.astro-nbjglx5y){left:-4.5rem}.lower-botanical-right:where(.astro-nbjglx5y){right:-4.5rem}.feature-grid:where(.astro-nbjglx5y){grid-template-columns:1fr}.feature-card:where(.astro-nbjglx5y),.feature-card:where(.astro-nbjglx5y):last-child:nth-child(odd){grid-column:span 1;min-height:auto}}@media (prefers-reduced-motion:reduce){.feature-card:where(.astro-nbjglx5y),.feature-action:where(.astro-nbjglx5y){transition:none}}.native-stage:where(.astro-5lo4brhm){--native-preview-background:#f5f7ed;--native-card-background:#fffff9e6;--native-card-border:#1e663d24;--native-heading:#173e29;--native-text:#315f44;--native-muted:#718176;--native-soft:#e8efe0;--native-control:#217a48;--native-on-control:#fffdf5;grid-template-columns:minmax(22rem,.92fr) minmax(0,1.08fr);align-items:stretch;gap:clamp(1.25rem,3vw,2rem);display:grid}:root[data-theme=dark] .native-stage:where(.astro-5lo4brhm){--native-preview-background:#24272c;--native-card-background:#2d3036f5;--native-card-border:#e4e6ea24;--native-heading:#f2f2ef;--native-text:#d0d1d5;--native-muted:#a1a5ad;--native-soft:#34383e;--native-control:#80dc98;--native-on-control:#152b1d}:root[data-theme=dark] .native-code-window:where(.astro-5lo4brhm){color:#e0e1e4;background:#202329}:root[data-theme=dark] .native-code-toolbar:where(.astro-5lo4brhm),:root[data-theme=dark] .native-code-status:where(.astro-5lo4brhm){background:#272a30;border-color:#e1e3e71a}:root[data-theme=dark] .native-code-file:where(.astro-5lo4brhm),:root[data-theme=dark] .native-code-status:where(.astro-5lo4brhm){color:#a5a9b1}:root[data-theme=dark] .native-code:where(.astro-5lo4brhm){color:#dcdee2;scrollbar-color:#c5c8cf47 transparent}.native-code-window:where(.astro-5lo4brhm),.native-bridge-panel:where(.astro-5lo4brhm){border:1px solid var(--vpt-border);border-radius:var(--home-panel-radius);min-width:0;min-height:34rem;box-shadow:var(--home-panel-shadow);overflow:hidden}.native-code-window:where(.astro-5lo4brhm){color:#dce9de;background:#10251a;grid-template-rows:auto minmax(0,1fr) auto;display:grid}.native-code-toolbar:where(.astro-5lo4brhm){background:#142c1f;border-bottom:1px solid #bee0c51f;grid-template-columns:1fr auto 1fr;align-items:center;min-height:3.25rem;padding-inline:1rem;display:grid}.window-controls:where(.astro-5lo4brhm){gap:.4rem;display:flex}.window-controls:where(.astro-5lo4brhm) i:where(.astro-5lo4brhm){background:#ed967c;border-radius:50%;width:.62rem;height:.62rem;margin:0}.window-controls:where(.astro-5lo4brhm) i:where(.astro-5lo4brhm):nth-child(2){background:#e5c65c}.window-controls:where(.astro-5lo4brhm) i:where(.astro-5lo4brhm):nth-child(3){background:#57b870}.native-code-file:where(.astro-5lo4brhm),.native-code-badge:where(.astro-5lo4brhm),.native-code-status:where(.astro-5lo4brhm){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.native-code-file:where(.astro-5lo4brhm){color:#a9b9ad;font-size:var(--home-font-size-small);text-align:center}.native-code-badge:where(.astro-5lo4brhm){color:#9bc4ee;font-size:var(--home-font-size-small);justify-self:end;align-items:center;gap:.35rem;display:flex}.native-code-badge:where(.astro-5lo4brhm) i:where(.astro-5lo4brhm){border:1px solid;border-radius:50%;place-items:center;width:1rem;height:1rem;margin:0;font-size:.52rem;font-style:normal;display:grid}.native-code:where(.astro-5lo4brhm){min-height:0;box-shadow:none;color:#d8e4da;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--home-font-size-small);scrollbar-color:#90c69b59 transparent;background:0 0;border:0;border-radius:0;padding:1.35rem 1.5rem;line-height:1.75;overflow:auto}.native-code:where(.astro-5lo4brhm) code:where(.astro-5lo4brhm){min-width:max-content;color:inherit;font:inherit;background:0 0;border:0;padding:0;display:grid}.native-code:where(.astro-5lo4brhm) code:where(.astro-5lo4brhm)>span:where(.astro-5lo4brhm){white-space:pre;min-height:1.4rem;display:block}.native-code:where(.astro-5lo4brhm) b:where(.astro-5lo4brhm),.native-code:where(.astro-5lo4brhm) em:where(.astro-5lo4brhm){font-style:normal;font-weight:500}.code-keyword:where(.astro-5lo4brhm){color:#ef987f}.code-type:where(.astro-5lo4brhm),.code-function:where(.astro-5lo4brhm){color:#e7cf75}.code-string:where(.astro-5lo4brhm){color:#d9e78a}.code-tag:where(.astro-5lo4brhm){color:#80d696}.code-attribute:where(.astro-5lo4brhm){color:#9bc4ee}.native-code-divider:where(.astro-5lo4brhm){background:linear-gradient(90deg,#80d69652,#0000);height:1px;margin-block:.45rem;min-height:1px!important}.native-code-status:where(.astro-5lo4brhm){color:#91a697;min-height:2.65rem;font-size:var(--home-font-size-small);background:#142c1f;border-top:1px solid #bee0c51f;justify-content:flex-end;gap:1rem;padding:.75rem 1rem;display:flex}.native-code-status:where(.astro-5lo4brhm) span:where(.astro-5lo4brhm){align-items:center;gap:.35rem;display:flex}.native-code-status:where(.astro-5lo4brhm) i:where(.astro-5lo4brhm){background:#72d58b;border-radius:50%;width:.45rem;height:.45rem;margin:0;box-shadow:0 0 0 .2rem #72d58b1f}.native-bridge-panel:where(.astro-5lo4brhm){background:radial-gradient(circle at 100% 0, #e8887021, transparent 32%), radial-gradient(circle at 0 100%, #57b87024, transparent 38%), var(--native-preview-background);grid-template-rows:auto minmax(0,1fr);display:grid}.native-preview-header:where(.astro-5lo4brhm){border-bottom:1px solid var(--native-card-border);min-height:3.25rem;color:var(--native-muted);font-size:var(--home-font-size-small);justify-content:space-between;align-items:center;padding-inline:1rem;display:flex}.native-preview-header:where(.astro-5lo4brhm) strong:where(.astro-5lo4brhm){color:var(--vpt-accent);font-size:var(--home-font-size-small);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.42rem;display:flex}.native-preview-header:where(.astro-5lo4brhm) i:where(.astro-5lo4brhm){background:#67c47c;border-radius:50%;width:.42rem;height:.42rem;margin:0;box-shadow:0 0 0 .22rem #67c47c1f}.native-bridge-canvas:where(.astro-5lo4brhm){flex-direction:column;justify-content:center;align-items:center;min-height:0;padding:clamp(1.25rem,3vw,2rem);display:flex}.react-state-card:where(.astro-5lo4brhm),.native-element-card:where(.astro-5lo4brhm){border:1px solid var(--native-card-border);background:var(--native-card-background);width:min(100%,24rem);box-shadow:0 .8rem 2rem var(--vpt-shadow)}.react-state-card:where(.astro-5lo4brhm){border-radius:1.15rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:1rem;display:grid}.react-mark:where(.astro-5lo4brhm){color:#4295df;background:#61a9e81f;border:1px solid #61a9e873;border-radius:50%;place-items:center;width:2.45rem;height:2.45rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:800;display:grid}.react-state-card:where(.astro-5lo4brhm)>span:where(.astro-5lo4brhm):nth-child(2){gap:.18rem;display:grid}.react-state-card:where(.astro-5lo4brhm) small:where(.astro-5lo4brhm),.native-element-card:where(.astro-5lo4brhm) header:where(.astro-5lo4brhm) small:where(.astro-5lo4brhm){color:var(--native-muted);font-size:var(--home-font-size-small)}.react-state-card:where(.astro-5lo4brhm) strong:where(.astro-5lo4brhm){color:var(--native-heading);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--home-font-size-body)}.react-state-card:where(.astro-5lo4brhm) output:where(.astro-5lo4brhm){color:var(--native-control)}.react-state-card:where(.astro-5lo4brhm) em:where(.astro-5lo4brhm){background:var(--native-soft);color:var(--native-muted);font-size:var(--home-font-size-small);border-radius:999px;padding:.25rem .45rem;font-style:normal}.native-data-bridge:where(.astro-5lo4brhm){grid-template-columns:repeat(2,minmax(0,1fr));width:min(88%,20rem);height:5.2rem;display:grid}.bridge-lane:where(.astro-5lo4brhm){color:var(--native-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--home-font-size-small);flex-direction:column;justify-content:center;align-items:center;gap:.35rem;display:flex;position:relative}.bridge-lane:where(.astro-5lo4brhm) i:where(.astro-5lo4brhm){background:var(--vpt-border-strong);width:1px;height:1.9rem;margin:0;position:relative}.bridge-lane:where(.astro-5lo4brhm) i:where(.astro-5lo4brhm):after{border-right:1px solid var(--vpt-accent);border-bottom:1px solid var(--vpt-accent);content:"";width:.38rem;height:.38rem;position:absolute;left:50%}.bridge-props:where(.astro-5lo4brhm) i:where(.astro-5lo4brhm):after{bottom:0;transform:translate(-50%)rotate(45deg)}.bridge-event:where(.astro-5lo4brhm){flex-direction:column-reverse}.bridge-event:where(.astro-5lo4brhm) i:where(.astro-5lo4brhm):after{top:0;transform:translate(-50%)rotate(225deg)}.bridge-lane:where(.astro-5lo4brhm) b:where(.astro-5lo4brhm){color:var(--native-text);white-space:nowrap;border-radius:.35rem;padding:.2rem .4rem;font-weight:600}.native-element-card:where(.astro-5lo4brhm){border-radius:1.4rem;padding:1rem}.native-element-card:where(.astro-5lo4brhm)>header:where(.astro-5lo4brhm){justify-content:space-between;align-items:center;gap:.75rem;display:flex}.native-element-card:where(.astro-5lo4brhm)>header:where(.astro-5lo4brhm)>span:where(.astro-5lo4brhm):first-child{gap:.15rem;display:grid}.native-element-card:where(.astro-5lo4brhm) header:where(.astro-5lo4brhm) strong:where(.astro-5lo4brhm){color:var(--native-heading);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--home-font-size-small)}.native-resource-list:where(.astro-5lo4brhm){gap:.25rem;display:flex}.native-resource-list:where(.astro-5lo4brhm) i:where(.astro-5lo4brhm){border:1px solid var(--native-card-border);background:var(--native-soft);color:var(--native-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--home-font-size-small);border-radius:.4rem;padding:.24rem .36rem;font-style:normal}.native-counter-shell:where(.astro-5lo4brhm){background:var(--native-soft);border-radius:1rem;margin-top:1rem;padding:1rem}.native-counter-shell:where(.astro-5lo4brhm)>small:where(.astro-5lo4brhm){color:var(--native-text);font-size:var(--home-font-size-small);letter-spacing:.12em;text-align:center;font-weight:750;display:block}.native-counter-control:where(.astro-5lo4brhm){border:1px solid var(--native-card-border);background:var(--native-card-background);border-radius:999px;grid-template-columns:3.25rem minmax(0,1fr) 3.25rem;height:3.25rem;margin-top:.75rem;display:grid;overflow:hidden}.native-counter-control:where(.astro-5lo4brhm) button:where(.astro-5lo4brhm){color:var(--native-heading);cursor:pointer;font:inherit;touch-action:manipulation;background:0 0;border:0;border-radius:0;font-size:1.25rem;font-weight:800;transition:background .12s,opacity .12s}.native-counter-control:where(.astro-5lo4brhm) button:where(.astro-5lo4brhm):last-child{background:var(--native-control);color:var(--native-on-control)}.native-counter-control:where(.astro-5lo4brhm) button:where(.astro-5lo4brhm):hover{background:color-mix(in srgb, var(--native-control) 14%, transparent)}.native-counter-control:where(.astro-5lo4brhm) button:where(.astro-5lo4brhm):last-child:hover{background:color-mix(in srgb, var(--native-control) 88%, black)}.native-counter-control:where(.astro-5lo4brhm) button:where(.astro-5lo4brhm):active{opacity:.82}.native-counter-control:where(.astro-5lo4brhm) button:where(.astro-5lo4brhm):focus-visible{z-index:1;outline:2px solid var(--vpt-accent);outline-offset:-3px;position:relative}.native-counter-control:where(.astro-5lo4brhm) output:where(.astro-5lo4brhm){border-right:1px solid var(--native-card-border);border-left:1px solid var(--native-card-border);color:var(--native-control);place-items:center;font-family:Georgia,Times New Roman,serif;font-size:1.8rem;font-weight:600;display:grid}.native-interaction-hint:where(.astro-5lo4brhm){color:var(--native-muted);font-size:var(--home-font-size-small);text-align:center;margin-top:1rem}.native-guide-link:where(.astro-5lo4brhm){width:fit-content;margin:var(--home-section-heading-gap) auto 0;color:var(--vpt-accent-strong);font-weight:700;text-decoration:none;display:block}.native-guide-link:where(.astro-5lo4brhm):hover{text-decoration:underline}@media (width<=60rem){.native-stage:where(.astro-5lo4brhm){grid-template-columns:1fr;max-width:44rem;margin-inline:auto}}@media (width<=40rem){.native-code-toolbar:where(.astro-5lo4brhm){grid-template-columns:1fr auto}.window-controls:where(.astro-5lo4brhm){display:none}.native-code-file:where(.astro-5lo4brhm){justify-self:start}.native-code-window:where(.astro-5lo4brhm),.native-bridge-panel:where(.astro-5lo4brhm){min-height:31rem}.native-code:where(.astro-5lo4brhm),.native-bridge-canvas:where(.astro-5lo4brhm){padding-inline:1rem}.react-state-card:where(.astro-5lo4brhm){grid-template-columns:auto 1fr}.react-state-card:where(.astro-5lo4brhm) em:where(.astro-5lo4brhm){display:none}}@media (prefers-reduced-motion:reduce){.native-counter-control:where(.astro-5lo4brhm) button:where(.astro-5lo4brhm){transition:none}}.open-source:where(.astro-c6fgvrph){isolation:isolate;width:min(100%, var(--home-content-width));border:1px solid var(--vpt-border);border-radius:var(--home-card-radius,1.25rem) var(--home-card-radius,1.25rem) 0 0;background:linear-gradient(105deg, transparent, #ef967b14, transparent), var(--vpt-surface);border-block-end:0;grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:clamp(1.5rem,4vw,4rem);margin:0 auto;padding:clamp(1.25rem,3vw,2rem) clamp(1.25rem,4vw,2.75rem);display:grid;position:relative;overflow:hidden}.open-source:where(.astro-c6fgvrph)>:where(.astro-c6fgvrph):not(.source-botanical){z-index:1;position:relative}.source-botanical:where(.astro-c6fgvrph){z-index:0;opacity:.11;pointer-events:none;width:clamp(9rem,16vw,13rem);height:auto;position:absolute;bottom:-1.75rem}.source-botanical-left:where(.astro-c6fgvrph){left:-1.25rem;transform:rotate(-8deg)}.source-botanical-right:where(.astro-c6fgvrph){right:-1.25rem;transform:scaleX(-1)rotate(-10deg)}.source-message:where(.astro-c6fgvrph){align-items:center;gap:.875rem;min-width:0;display:flex}.source-mark:where(.astro-c6fgvrph){border:1px solid var(--vpt-border-strong);background:var(--vpt-icon-background);width:2.75rem;height:2.75rem;color:var(--vpt-accent-strong);border-radius:.875rem;flex:none;place-items:center;display:grid}.source-mark:where(.astro-c6fgvrph) svg{width:1.15rem}.source-copy:where(.astro-c6fgvrph){min-width:0}.source-copy:where(.astro-c6fgvrph) p:where(.astro-c6fgvrph){color:var(--vpt-heading-strong);font-size:var(--home-font-size-title);align-items:center;gap:.65rem;margin:0;display:flex}.source-copy:where(.astro-c6fgvrph) em:where(.astro-c6fgvrph){color:#e8866e;letter-spacing:.08em;font-style:normal;font-weight:800}.source-copy:where(.astro-c6fgvrph) small:where(.astro-c6fgvrph){color:var(--vpt-muted);font-size:var(--home-font-size-small);text-align:left;margin:0;line-height:1.5;display:block}.source-links:where(.astro-c6fgvrph){border:1px solid var(--vpt-border);background:color-mix(in srgb, var(--vpt-surface) 80%, var(--vpt-chip-background));box-shadow:0 8px 24px var(--vpt-shadow);border-radius:1rem;align-items:stretch;gap:.25rem;padding:.3rem;display:flex}.resource-link:where(.astro-c6fgvrph){min-width:8.75rem;min-height:3rem;color:var(--vpt-text);touch-action:manipulation;border-radius:.7rem;align-items:center;gap:.55rem;padding:.6rem .8rem;text-decoration:none;transition:background-color .18s,transform .18s;display:flex}.resource-link-ai:where(.astro-c6fgvrph){background:var(--vpt-chip-background)}.resource-link:where(.astro-c6fgvrph):hover{background:color-mix(in srgb, var(--vpt-chip-background) 72%, var(--vpt-surface));transform:translateY(-1px)}.resource-link:where(.astro-c6fgvrph):focus-visible{outline:3px solid color-mix(in srgb, var(--vpt-accent) 45%, transparent);outline-offset:2px}.resource-icon:where(.astro-c6fgvrph){color:var(--vpt-accent-strong);flex:none;display:flex}.resource-icon:where(.astro-c6fgvrph) svg{width:1.05rem}.resource-copy:where(.astro-c6fgvrph){text-align:left;min-width:0}.resource-copy:where(.astro-c6fgvrph) strong:where(.astro-c6fgvrph){color:var(--vpt-heading);white-space:nowrap;font-size:.875rem;line-height:1.3}.resource-link-ai:where(.astro-c6fgvrph) .resource-copy:where(.astro-c6fgvrph) strong:where(.astro-c6fgvrph){font-family:var(--__sl-font-mono)}@media (width<=50rem){.open-source:where(.astro-c6fgvrph){grid-template-columns:1fr;gap:1.25rem}.source-message:where(.astro-c6fgvrph){text-align:center;justify-content:center}.source-copy:where(.astro-c6fgvrph) p:where(.astro-c6fgvrph){flex-wrap:wrap;justify-content:flex-start}.source-links:where(.astro-c6fgvrph){width:min(100%,23rem);margin-inline:auto}.resource-link:where(.astro-c6fgvrph){flex:1;justify-content:center;min-width:0}}@media (width<=40rem){.source-botanical:where(.astro-c6fgvrph){opacity:.09;width:8rem}}@media (prefers-reduced-motion:reduce){.resource-link:where(.astro-c6fgvrph){transition:none}}.sponsor:where(.astro-cwma3w23){width:min(100%, var(--home-content-width));border-top:1px solid var(--vpt-border);text-align:center;margin:0 auto;padding:clamp(1.5rem,4vw,3rem) clamp(1.25rem,4vw,2.75rem)}.sponsor:where(.astro-cwma3w23) h2:where(.astro-cwma3w23){color:var(--vpt-heading-strong);font-size:var(--home-font-size-title);margin:0 0 1rem}.sponsor:where(.astro-cwma3w23) p:where(.astro-cwma3w23){color:var(--vpt-text);margin:0;line-height:1.8}.sponsor:where(.astro-cwma3w23) a:where(.astro-cwma3w23){color:var(--vpt-accent-strong);text-underline-offset:.2em}.sponsor:where(.astro-cwma3w23) a:where(.astro-cwma3w23):focus-visible{outline:2px solid var(--vpt-accent-strong);outline-offset:4px}.sponsor:where(.astro-cwma3w23) .sponsor-description:where(.astro-cwma3w23){color:var(--vpt-muted);font-size:var(--home-font-size-small);margin-top:.5rem}vpt-tailwind-showcase:where(.astro-plgmq5jf){--style-hmr-cycle:8s;display:block}.tailwind-stage:where(.astro-plgmq5jf){--tailwind-demo-height:41rem;grid-template-columns:minmax(0,1.2fr) minmax(22rem,.8fr);align-items:center;gap:clamp(1.25rem,3vw,2rem);display:grid}.code-window:where(.astro-plgmq5jf),.phone-preview:where(.astro-plgmq5jf){min-width:0;margin:0}.code-window:where(.astro-plgmq5jf){z-index:1;border:1px solid var(--vpt-border);border-radius:var(--home-panel-radius);box-shadow:var(--home-panel-shadow);height:var(--tailwind-demo-height);color:#dce9de;background:#10251a;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid;position:relative;overflow:hidden}.code-toolbar:where(.astro-plgmq5jf){background:#142c1f;border-bottom:1px solid #bee0c51f;grid-template-columns:1fr auto 1fr;align-items:center;min-height:3.25rem;padding-inline:1rem;display:grid;position:relative}.window-controls:where(.astro-plgmq5jf){gap:.4rem;display:flex}.window-controls:where(.astro-plgmq5jf) i:where(.astro-plgmq5jf){background:#ed967c;border-radius:50%;width:.62rem;height:.62rem;margin:0}.window-controls:where(.astro-plgmq5jf) i:where(.astro-plgmq5jf):nth-child(2){background:#e5c65c}.window-controls:where(.astro-plgmq5jf) i:where(.astro-plgmq5jf):nth-child(3){background:#57b870}.code-file:where(.astro-plgmq5jf){color:#a9b9ad;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--home-font-size-small);text-align:center}.tailwind-badge:where(.astro-plgmq5jf){color:#8fcea0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--home-font-size-small);justify-self:end;align-items:center;gap:.35rem;display:flex}.tailwind-badge:where(.astro-plgmq5jf) i:where(.astro-plgmq5jf),.app-mark:where(.astro-plgmq5jf) i:where(.astro-plgmq5jf){border-top:.14rem solid;border-radius:50%;width:.7rem;height:.32rem;margin:0;display:block;transform:skew(-28deg)}.tailwind-badge:where(.astro-plgmq5jf) i:where(.astro-plgmq5jf):after{content:"";border-top:.14rem solid;border-radius:50%;width:.7rem;height:.32rem;margin:.08rem 0 0 .35rem;display:block}.code-editor:where(.astro-plgmq5jf){box-shadow:none;color:#d8e4da;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--home-font-size-small);scrollbar-color:#90c69b59 transparent;background:0 0;border:0;border-radius:0;padding:1.15rem 0;line-height:1.8;overflow:auto}.code-editor:where(.astro-plgmq5jf) code:where(.astro-plgmq5jf){min-width:max-content;box-shadow:none;color:inherit;font:inherit;background:0 0;border:0;border-radius:0;padding:0;display:grid}.code-line:where(.astro-plgmq5jf){grid-template-columns:2.7rem auto;align-items:center;min-height:1.55rem;padding-right:1.5rem;display:grid}.code-line:where(.astro-plgmq5jf).active{background:linear-gradient(90deg,#67c47c1c,#0000 88%);position:relative;box-shadow:inset 2px 0 #62c47b}.hmr-edit-line:where(.astro-plgmq5jf):before{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#ef987f26,#0000 88%),#10251a;position:absolute;inset:0;box-shadow:inset 2px 0 #ef987f}.hmr-edit-line:where(.astro-plgmq5jf)>:where(.astro-plgmq5jf){position:relative}.code-line:where(.astro-plgmq5jf)>i:where(.astro-plgmq5jf){color:#546b5b;text-align:right;user-select:none;padding-right:.85rem;font-style:normal}.code-line:where(.astro-plgmq5jf)>span:where(.astro-plgmq5jf){white-space:pre}.code-line:where(.astro-plgmq5jf) b:where(.astro-plgmq5jf),.code-line:where(.astro-plgmq5jf) em:where(.astro-plgmq5jf){font-style:normal;font-weight:500}.token-keyword:where(.astro-plgmq5jf){color:#ef987f}.token-function:where(.astro-plgmq5jf){color:#e7cf75}.token-tag:where(.astro-plgmq5jf){color:#80d696}.token-attribute:where(.astro-plgmq5jf){color:#9bc4ee}.token-string:where(.astro-plgmq5jf){color:#d9e78a}.code-value:where(.astro-plgmq5jf){border-radius:.2rem;display:inline-grid;position:relative}.code-value:where(.astro-plgmq5jf)>:where(.astro-plgmq5jf){grid-area:1/1;align-items:center;display:inline-flex}.code-value-after:where(.astro-plgmq5jf){opacity:0;transform:translateY(.18rem)}.code-value-after:where(.astro-plgmq5jf) .token-string:where(.astro-plgmq5jf){color:#ffc1ad}.code-caret:where(.astro-plgmq5jf){opacity:0;background:#ffe6a3;width:1px;height:1.15em;margin-inline:.08rem;display:inline-block}.code-status:where(.astro-plgmq5jf){color:#91a697;min-height:2.65rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--home-font-size-small);background:#142c1f;border-top:1px solid #bee0c51f;justify-content:flex-end;gap:1rem;padding:.75rem 1rem;display:flex}.code-status:where(.astro-plgmq5jf) span:where(.astro-plgmq5jf){align-items:center;gap:.35rem;display:flex}.status-ready:where(.astro-plgmq5jf){background:#72d58b;border-radius:50%;width:.45rem;height:.45rem;margin:0;position:relative;box-shadow:0 0 0 .2rem #72d58b1f}.status-ready:where(.astro-plgmq5jf):after,.preview-label:where(.astro-plgmq5jf) i:where(.astro-plgmq5jf):after{border-radius:inherit;content:"";opacity:0;background:#ff9b7f;position:absolute;inset:0;box-shadow:0 0 0 .42rem #ff9b7f14}.code-status:where(.astro-plgmq5jf) .hmr-status-copy:where(.astro-plgmq5jf){min-width:8.5rem;display:inline-grid}.code-status:where(.astro-plgmq5jf) .hmr-status-copy:where(.astro-plgmq5jf)>span:where(.astro-plgmq5jf){grid-area:1/1;display:block}.hmr-status-updated:where(.astro-plgmq5jf){color:#ffc1ad;opacity:0;transform:translateY(.2rem)}.phone-preview:where(.astro-plgmq5jf){--phone-shell-background:#102a1c;--phone-shell-ring:#1e4930;--phone-screen-background:#f4f7ec;--phone-surface-background:#fffef8;--phone-surface-border:#e0e7d8;--phone-text:#143c27;--phone-heading:#173e29;--phone-muted:#6d806f;--phone-subtle:#748579;--phone-indicator:#244a33;--phone-mark-background:#dff1c5;--phone-capsule-background:#ffffffb8;--phone-capsule-border:#1c3d2824;--phone-capsule-divider:#1c3d281f;--phone-capsule-shadow:#1436220f;--phone-chart-bar:#dce9d5;--phone-unit:#819084;--phone-link:#57926a;z-index:0;isolation:isolate;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.phone-stage:where(.astro-plgmq5jf){width:min(100%,22rem);height:var(--tailwind-demo-height);position:relative}:root[data-theme=dark] .phone-preview:where(.astro-plgmq5jf){--phone-shell-background:#17191d;--phone-shell-ring:#39413b;--phone-screen-background:#24272c;--phone-surface-background:#2b2f34;--phone-surface-border:#43484f;--phone-text:#dfe0e3;--phone-heading:#f5f5f2;--phone-muted:#a5a9b1;--phone-subtle:#b9bcc2;--phone-indicator:#d8dadd;--phone-mark-background:#303b34;--phone-capsule-background:#16181cdb;--phone-capsule-border:#e2e4e82b;--phone-capsule-divider:#e2e4e824;--phone-capsule-shadow:#0203053d;--phone-chart-bar:#3b4147;--phone-unit:#a9acb4;--phone-link:#91d6a2}:root[data-theme=dark] .code-window:where(.astro-plgmq5jf){color:#e0e1e4;background:#202329}:root[data-theme=dark] .code-toolbar:where(.astro-plgmq5jf),:root[data-theme=dark] .code-status:where(.astro-plgmq5jf){background:#272a30;border-color:#e1e3e71a}:root[data-theme=dark] .code-file:where(.astro-plgmq5jf),:root[data-theme=dark] .code-status:where(.astro-plgmq5jf){color:#a5a9b1}:root[data-theme=dark] .code-editor:where(.astro-plgmq5jf){color:#dcdee2;scrollbar-color:#c5c8cf47 transparent}:root[data-theme=dark] .code-line:where(.astro-plgmq5jf)>i:where(.astro-plgmq5jf){color:#9297a0}:root[data-theme=dark] .hmr-edit-line:where(.astro-plgmq5jf):before{background:linear-gradient(90deg,#ef987f26,#0000 88%),#202329}.phone-preview:where(.astro-plgmq5jf):before,.phone-preview:where(.astro-plgmq5jf):after{z-index:-1;border:1px dashed var(--vpt-border-strong);content:"";pointer-events:none;border-radius:50%;position:absolute}.phone-preview:where(.astro-plgmq5jf):before{width:13rem;height:13rem;top:9%;right:-5rem}.phone-preview:where(.astro-plgmq5jf):after{border-color:#e8887052;width:8rem;height:8rem;bottom:8%;left:-3rem}.preview-label:where(.astro-plgmq5jf){z-index:2;color:var(--vpt-accent);font-size:var(--home-font-size-small);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.42rem;font-weight:750;display:flex;position:absolute;top:-2.25rem;left:50%;transform:translate(-50%)}.preview-label:where(.astro-plgmq5jf) i:where(.astro-plgmq5jf){background:#67c47c;border-radius:50%;width:.42rem;height:.42rem;margin:0;position:relative;box-shadow:0 0 0 .22rem #67c47c1f}.phone-shell:where(.astro-plgmq5jf){background:var(--phone-shell-background);width:100%;height:100%;box-shadow:0 1.5rem 3rem #13492833, inset 0 0 0 .22rem var(--phone-shell-ring);transform-box:border-box;transform-style:preserve-3d;transform-origin:50%;border:1px solid #cae7cf47;border-radius:2.65rem;padding:.55rem;position:relative;transform:none}.phone-speaker:where(.astro-plgmq5jf){z-index:2;background:#0b1d13;border-radius:999px;width:4.5rem;height:1.25rem;position:absolute;top:.95rem;left:50%;transform:translate(-50%)}.phone-screen:where(.astro-plgmq5jf){background:var(--phone-screen-background);height:100%;min-height:0;color:var(--phone-text);border-radius:2.15rem;overflow:hidden}.phone-status:where(.astro-plgmq5jf){color:var(--phone-text);font-size:var(--home-font-size-small);justify-content:space-between;align-items:center;padding:.8rem 1.25rem .35rem;display:flex}.phone-indicators:where(.astro-plgmq5jf){color:var(--phone-indicator);align-items:center;gap:.3rem;display:flex}.phone-indicators:where(.astro-plgmq5jf) svg:where(.astro-plgmq5jf){margin:0;display:block;overflow:visible}.signal-icon:where(.astro-plgmq5jf){fill:currentColor;width:.72rem}.wifi-icon:where(.astro-plgmq5jf){fill:currentColor;stroke:currentColor;stroke-linecap:round;stroke-width:1.5px;width:.8rem}.wifi-icon:where(.astro-plgmq5jf) path:where(.astro-plgmq5jf){fill:none}.battery-icon:where(.astro-plgmq5jf){fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.5px;width:1rem}.battery-icon:where(.astro-plgmq5jf) .battery-level:where(.astro-plgmq5jf){fill:currentColor;stroke:none}.app-header:where(.astro-plgmq5jf){align-items:center;margin:0;padding:.85rem 1.15rem .75rem;display:flex}.app-mark:where(.astro-plgmq5jf){background:var(--phone-mark-background);width:1.6rem;height:1.6rem;color:var(--phone-link);border-radius:.55rem;place-content:center;margin-right:.45rem;display:grid}.app-mark:where(.astro-plgmq5jf) i:where(.astro-plgmq5jf):last-child{margin-left:.28rem}.app-header:where(.astro-plgmq5jf)>strong:where(.astro-plgmq5jf){font-family:Georgia,Times New Roman,serif;font-size:1.05rem}.wechat-capsule:where(.astro-plgmq5jf){border:1px solid var(--phone-capsule-border);background:var(--phone-capsule-background);width:4.75rem;height:2rem;box-shadow:0 .15rem .4rem var(--phone-capsule-shadow);border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;margin-left:auto;display:grid}.capsule-dots:where(.astro-plgmq5jf){justify-content:center;align-items:center;gap:.18rem;display:flex}.capsule-dots:where(.astro-plgmq5jf) i:where(.astro-plgmq5jf){background:var(--phone-indicator);border-radius:50%;width:.22rem;height:.22rem;margin:0}.capsule-divider:where(.astro-plgmq5jf){background:var(--phone-capsule-divider);width:1px;height:1.05rem;margin:0}.capsule-close:where(.astro-plgmq5jf){border:.13rem solid var(--phone-indicator);border-radius:50%;place-items:center;width:1rem;height:1rem;margin:auto;display:grid}.capsule-close:where(.astro-plgmq5jf):after{background:var(--phone-indicator);content:"";border-radius:50%;width:.38rem;height:.38rem}.app-content:where(.astro-plgmq5jf){padding:.65rem 1rem 1rem}.welcome:where(.astro-plgmq5jf){color:var(--phone-muted);font-size:var(--home-font-size-small);margin:0}.app-content:where(.astro-plgmq5jf)>h3:where(.astro-plgmq5jf){color:var(--phone-heading);margin:.18rem 0 1rem;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;font-weight:600}.steps-card:where(.astro-plgmq5jf){isolation:isolate;color:#f9fff1;background:linear-gradient(145deg,#174d30,#0d3320);border-radius:1.7rem;padding:1.3rem;position:relative;overflow:hidden;box-shadow:0 1rem 2rem #144b2b2e}.steps-card:where(.astro-plgmq5jf):before{z-index:0;border-radius:inherit;content:"";opacity:0;background:radial-gradient(circle at 88% 10%,#ffedbe29,#0000 34%),#e96f55;position:absolute;inset:0}.steps-card:where(.astro-plgmq5jf):after{z-index:1;content:"";border:1px solid #cdefaf33;border-radius:50%;width:7rem;height:7rem;position:absolute;top:-2.5rem;right:-1.4rem}.steps-card:where(.astro-plgmq5jf)>:where(.astro-plgmq5jf){z-index:2;position:relative}.steps-orbit:where(.astro-plgmq5jf){border:.8rem solid #b5e68414;border-radius:50%;width:3.8rem;height:3.8rem;position:absolute;top:-.8rem;right:1.6rem}.style-update-flash:where(.astro-plgmq5jf){z-index:3;border-radius:inherit;opacity:0;pointer-events:none;border:1px solid #fff8daeb;position:absolute;inset:.18rem}.style-hmr-toast:where(.astro-plgmq5jf){z-index:4;color:#a64637;font-size:var(--home-font-size-small);opacity:0;white-space:nowrap;background:#fffdf5f0;border:1px solid #8b3a2d24;border-radius:999px;align-items:center;gap:.22rem;padding:.25rem .42rem;line-height:1;display:flex;position:absolute;top:.72rem;right:.72rem;transform:translateY(-.3rem)scale(.96);box-shadow:0 .35rem .9rem #7d2f2429}.style-hmr-toast:where(.astro-plgmq5jf) i:where(.astro-plgmq5jf){color:#fffdf5;width:.8rem;height:.8rem;font-size:var(--home-font-size-small);background:#e96f55;border-radius:50%;place-items:center;margin:0;font-style:normal;display:grid}.style-hmr-toast:where(.astro-plgmq5jf) b:where(.astro-plgmq5jf){font-weight:750}.style-hmr-toast:where(.astro-plgmq5jf) small:where(.astro-plgmq5jf){color:#bd6959;font-size:var(--home-font-size-small)}.metric-label:where(.astro-plgmq5jf){color:#bce5b1;font-size:var(--home-font-size-small);letter-spacing:.16em;text-transform:uppercase;font-weight:700;display:block}.steps-card:where(.astro-plgmq5jf)>strong:where(.astro-plgmq5jf){letter-spacing:-.04em;margin-top:.3rem;font-family:Georgia,Times New Roman,serif;font-size:2.35rem;font-weight:600;line-height:1;display:block}.steps-card:where(.astro-plgmq5jf)>small:where(.astro-plgmq5jf){color:#a9b9ad;font-size:var(--home-font-size-small)}.progress-track:where(.astro-plgmq5jf){background:#ffffff24;border-radius:999px;height:.45rem;margin-top:1.15rem;overflow:hidden}.progress-track:where(.astro-plgmq5jf) span:where(.astro-plgmq5jf){border-radius:inherit;background:#c9eb78;width:79%;height:100%;display:block}.steps-card:where(.astro-plgmq5jf)>p:where(.astro-plgmq5jf){color:#a9b9ad;font-size:var(--home-font-size-small);justify-content:space-between;margin:.5rem 0 0;display:flex}.steps-card:where(.astro-plgmq5jf)>p:where(.astro-plgmq5jf) b:where(.astro-plgmq5jf){color:#c9eb78}.style-copy:where(.astro-plgmq5jf){--style-copy-updated-color:#fff0e8;display:inline-grid}.metric-label:where(.astro-plgmq5jf).style-copy{--style-copy-updated-color:#fff2c2;display:grid}.style-copy:where(.astro-plgmq5jf)>span:where(.astro-plgmq5jf){grid-area:1/1}.style-copy:where(.astro-plgmq5jf)>.style-copy-updated:where(.astro-plgmq5jf){color:var(--style-copy-updated-color);opacity:0}.metric-grid:where(.astro-plgmq5jf){grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.7rem;display:grid}.metric-grid:where(.astro-plgmq5jf) article:where(.astro-plgmq5jf){border:1px solid var(--phone-surface-border);background:var(--phone-surface-background);border-radius:1.15rem;padding:.85rem;display:grid}.metric-icon:where(.astro-plgmq5jf){color:#fffef8;width:1.45rem;height:1.45rem;font-size:var(--home-font-size-small);border-radius:.5rem;place-items:center;margin-bottom:.65rem;display:grid}.metric-icon:where(.astro-plgmq5jf).coral{background:#ed987e}.metric-icon:where(.astro-plgmq5jf).green{background:#58a76c}.metric-grid:where(.astro-plgmq5jf) small:where(.astro-plgmq5jf){color:var(--phone-subtle);font-size:var(--home-font-size-small)}.metric-grid:where(.astro-plgmq5jf) strong:where(.astro-plgmq5jf){color:var(--phone-heading);margin-top:.15rem;font-family:Georgia,Times New Roman,serif;font-size:1.05rem}.metric-grid:where(.astro-plgmq5jf) strong:where(.astro-plgmq5jf) i:where(.astro-plgmq5jf){color:var(--phone-unit);font-family:inherit;font-size:var(--home-font-size-small);font-style:normal;font-weight:500}.activity-card:where(.astro-plgmq5jf){border:1px solid var(--phone-surface-border);background:var(--phone-surface-background);border-radius:1.15rem;margin-top:.7rem;padding:.9rem}.activity-card:where(.astro-plgmq5jf) header:where(.astro-plgmq5jf){font-size:var(--home-font-size-small);justify-content:space-between;display:flex}.activity-card:where(.astro-plgmq5jf) header:where(.astro-plgmq5jf) span:where(.astro-plgmq5jf){color:var(--phone-link);font-size:var(--home-font-size-small)}.activity-bars:where(.astro-plgmq5jf){justify-content:space-between;align-items:end;height:3.6rem;margin-top:.65rem;display:flex}.activity-bars:where(.astro-plgmq5jf) i:where(.astro-plgmq5jf){width:.65rem;height:var(--bar-height);background:var(--phone-chart-bar);border-radius:999px 999px .35rem .35rem;margin:0}.activity-bars:where(.astro-plgmq5jf) .today:where(.astro-plgmq5jf){background:linear-gradient(#c9eb78,#4aa467)}.activity-days:where(.astro-plgmq5jf){color:var(--phone-subtle);font-size:var(--home-font-size-small);justify-content:space-between;margin-top:.3rem;display:flex}.preview-chips:where(.astro-plgmq5jf){z-index:2;justify-content:center;gap:.4rem;width:max-content;display:flex;position:absolute;bottom:-3.25rem;left:50%;transform:translate(-50%)}.preview-chips:where(.astro-plgmq5jf) span:where(.astro-plgmq5jf){border:1px solid var(--vpt-border);background:var(--vpt-chip-background);color:var(--vpt-chip-text);font-size:var(--home-font-size-small);border-radius:999px;padding:.3rem .55rem}.tailwind-guide-link:where(.astro-plgmq5jf){width:fit-content;margin:var(--home-section-heading-gap) auto 0;color:var(--vpt-accent-strong);font-weight:700;text-decoration:none;display:block}.tailwind-guide-link:where(.astro-plgmq5jf):hover{text-decoration:underline}vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .hmr-edit-line:where(.astro-plgmq5jf):before{animation:hmr-edit-highlight var(--style-hmr-cycle) linear infinite}vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .code-value-before:where(.astro-plgmq5jf){animation:hmr-code-before var(--style-hmr-cycle) linear infinite}vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .code-value-after:where(.astro-plgmq5jf){animation:hmr-code-after var(--style-hmr-cycle) linear infinite}vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .code-caret:where(.astro-plgmq5jf){animation:hmr-code-caret var(--style-hmr-cycle) linear infinite}vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .hmr-status-watching:where(.astro-plgmq5jf){animation:hmr-status-watching var(--style-hmr-cycle) linear infinite}vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .hmr-status-updated:where(.astro-plgmq5jf){animation:hmr-status-updated var(--style-hmr-cycle) linear infinite}vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .hmr-status:where(.astro-plgmq5jf)>.status-ready:where(.astro-plgmq5jf),vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .preview-label:where(.astro-plgmq5jf) i:where(.astro-plgmq5jf){animation:hmr-status-pulse var(--style-hmr-cycle) linear infinite}vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .hmr-status:where(.astro-plgmq5jf)>.status-ready:where(.astro-plgmq5jf):after,vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .preview-label:where(.astro-plgmq5jf) i:where(.astro-plgmq5jf):after{animation:hmr-status-color var(--style-hmr-cycle) linear infinite}vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .steps-card:where(.astro-plgmq5jf){animation:hmr-phone-card var(--style-hmr-cycle) ease-in-out infinite}vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .steps-card:where(.astro-plgmq5jf):before,vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .style-copy-updated:where(.astro-plgmq5jf){animation:hmr-phone-skin var(--style-hmr-cycle) ease-in-out infinite}vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .style-hmr-toast:where(.astro-plgmq5jf){animation:hmr-phone-toast var(--style-hmr-cycle) ease-in-out infinite}vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .style-update-flash:where(.astro-plgmq5jf){animation:hmr-phone-flash var(--style-hmr-cycle) ease-out infinite}vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .hmr-edit-line:where(.astro-plgmq5jf):before,vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .code-value-before:where(.astro-plgmq5jf),vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .code-value-after:where(.astro-plgmq5jf),vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .code-caret:where(.astro-plgmq5jf),vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .hmr-status-watching:where(.astro-plgmq5jf),vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .hmr-status-updated:where(.astro-plgmq5jf),vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .hmr-status:where(.astro-plgmq5jf)>.status-ready:where(.astro-plgmq5jf),vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .hmr-status:where(.astro-plgmq5jf)>.status-ready:where(.astro-plgmq5jf):after,vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .preview-label:where(.astro-plgmq5jf) i:where(.astro-plgmq5jf),vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .preview-label:where(.astro-plgmq5jf) i:where(.astro-plgmq5jf):after,vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .steps-card:where(.astro-plgmq5jf),vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .steps-card:where(.astro-plgmq5jf):before,vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .style-copy-updated:where(.astro-plgmq5jf),vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .style-hmr-toast:where(.astro-plgmq5jf),vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .style-update-flash:where(.astro-plgmq5jf){will-change:opacity, transform}@keyframes hmr-edit-highlight{0%,18%,81%,to{opacity:0}25%,74%{opacity:1}}@keyframes hmr-code-before{0%,18%,81%,to{opacity:1;transform:translateY(0)}25%,74%{opacity:0;transform:translateY(-.18rem)}}@keyframes hmr-code-after{0%,18%,81%,to{opacity:0;transform:translateY(.18rem)}25%,74%{opacity:1;transform:translateY(0)}}@keyframes hmr-code-caret{0%,16%,20%,24%,69%,73%,77%,to{opacity:0}18%,22%,71%,75%{opacity:1}}@keyframes hmr-status-watching{0%,28%,80%,to{opacity:1;transform:translateY(0)}34%,74%{opacity:0;transform:translateY(-.2rem)}}@keyframes hmr-status-updated{0%,28%,80%,to{opacity:0;transform:translateY(.2rem)}34%,74%{opacity:1;transform:translateY(0)}}@keyframes hmr-status-pulse{0%,28%,38%,77%,87%,to{transform:scale(1)}31%,80%{transform:scale(1.18)}}@keyframes hmr-status-color{0%,28%,38%,77%,87%,to{opacity:0}31%,80%{opacity:1}}@keyframes hmr-phone-card{0%,29%,34%,79%,84%,to{transform:scale(1)}31%,81%{transform:scale(.985)}}@keyframes hmr-phone-skin{0%,29%,84%,to{opacity:0}34%,79%{opacity:1}}@keyframes hmr-phone-toast{0%,28%,45%,77%,94%,to{opacity:0;transform:translateY(-.3rem)scale(.96)}31%,40%,80%,89%{opacity:1;transform:translateY(0)scale(1)}}@keyframes hmr-phone-flash{0%,29%,39%,78%,88%,to{opacity:0;transform:scale(.97)}31%,80%{opacity:.78;transform:scale(1)}38%,87%{opacity:0;transform:scale(1.03)}}@supports (animation-timeline:view()) and (view-timeline-name:--tailwind-phone-scroll){.phone-shell:where(.astro-plgmq5jf){view-timeline-axis:block;view-timeline-name:--tailwind-phone-scroll;animation:linear both tailwind-phone-scroll;transform:perspective(90rem)rotateX(6deg)rotateY(-18deg);animation-timeline:--tailwind-phone-scroll!important}}@keyframes tailwind-phone-scroll{0%{transform:perspective(90rem)rotateX(6deg)rotateY(-18deg)}44%,56%{transform:perspective(90rem)rotateX(0)rotateY(0)}to{transform:perspective(90rem)rotateX(-6deg)rotateY(18deg)}}@media (prefers-reduced-motion:reduce){vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .hmr-edit-line:where(.astro-plgmq5jf):before,vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .code-value-before:where(.astro-plgmq5jf),vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .code-value-after:where(.astro-plgmq5jf),vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .code-caret:where(.astro-plgmq5jf),vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .hmr-status-watching:where(.astro-plgmq5jf),vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .hmr-status-updated:where(.astro-plgmq5jf),vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .hmr-status:where(.astro-plgmq5jf)>.status-ready:where(.astro-plgmq5jf),vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .hmr-status:where(.astro-plgmq5jf)>.status-ready:where(.astro-plgmq5jf):after,vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .preview-label:where(.astro-plgmq5jf) i:where(.astro-plgmq5jf),vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .preview-label:where(.astro-plgmq5jf) i:where(.astro-plgmq5jf):after,vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .steps-card:where(.astro-plgmq5jf),vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .steps-card:where(.astro-plgmq5jf):before,vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .style-copy-updated:where(.astro-plgmq5jf),vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .style-hmr-toast:where(.astro-plgmq5jf),vpt-tailwind-showcase:where(.astro-plgmq5jf).is-live .style-update-flash:where(.astro-plgmq5jf){animation:none}.phone-shell:where(.astro-plgmq5jf){animation:none;transform:none;animation-timeline:auto!important}}@media (width<=52rem){.tailwind-stage:where(.astro-plgmq5jf){grid-template-columns:1fr;max-width:42rem;margin-inline:auto}.phone-preview:where(.astro-plgmq5jf){min-height:0;padding-top:2.75rem}.phone-stage:where(.astro-plgmq5jf){height:auto}.phone-shell:where(.astro-plgmq5jf){height:var(--tailwind-demo-height)}.preview-chips:where(.astro-plgmq5jf){flex-wrap:wrap;width:100%;margin-top:1rem;position:static;transform:none}}@media (width<=40rem){.code-toolbar:where(.astro-plgmq5jf){grid-template-columns:1fr auto}.code-file:where(.astro-plgmq5jf){order:-1;justify-self:start}.window-controls:where(.astro-plgmq5jf){display:none}.phone-stage:where(.astro-plgmq5jf){width:min(100%,20rem)}}.home-content-rail:where(.astro-tbk2dbov){padding-inline:var(--home-page-gutter)}