.visual:where(.astro-g3bbfayr){position:relative;display:flex;flex-direction:column;height:32rem;padding:var(--space-6) var(--space-6) 0;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--gradient-media);color:var(--store-text);font-family:var(--store-font);font-size:var(--store-font-size);line-height:var(--store-line-height)}.pieces:where(.astro-g3bbfayr){position:relative;flex:1;min-height:0;overflow:hidden;mask-image:linear-gradient(to bottom,#000 calc(100% - var(--space-12)),transparent)}.is-rotating:where(.astro-g3bbfayr) .pieces:where(.astro-g3bbfayr){mask-image:linear-gradient(to bottom,transparent,#000 var(--space-12),#000 calc(100% - var(--space-12)),transparent)}.track:where(.astro-g3bbfayr){display:flex;flex-direction:column;gap:var(--space-4);opacity:0;transition:transform .6s ease,opacity .3s ease}.no-transition:where(.astro-g3bbfayr) :where(.astro-g3bbfayr):is(.track,.piece){transition:none}.piece:where(.astro-g3bbfayr){margin:0;transition:opacity .4s ease,transform .4s ease}.is-rotating:where(.astro-g3bbfayr) .piece:where(.astro-g3bbfayr):not(.is-active){opacity:.45;transform:scale(.98)}.piece:where(.astro-g3bbfayr) .store-section{box-shadow:var(--shadow-md)}figcaption:where(.astro-g3bbfayr){margin-bottom:var(--space-2);color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-feature-settings:var(--font-feature-tight)}.announcement:where(.astro-g3bbfayr){display:flex;align-items:center;justify-content:space-between;gap:var(--store-gap);min-height:var(--store-announcement-height);padding:0 var(--store-gap);border-radius:var(--store-radius-section);background:var(--store-brand);color:var(--store-brand-contrast);box-shadow:var(--shadow-md)}.announcement:where(.astro-g3bbfayr) span:where(.astro-g3bbfayr){text-decoration:underline}.announcement:where(.astro-g3bbfayr) svg:where(.astro-g3bbfayr){flex:none;width:20px;height:20px}.field-row:where(.astro-g3bbfayr){display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.field-label:where(.astro-g3bbfayr){margin-bottom:8px;font-weight:var(--store-font-weight-bold)}.subdued:where(.astro-g3bbfayr){color:var(--store-text-subdued)}.stage:where(.astro-g3bbfayr){position:relative}.stage:where(.astro-g3bbfayr):after{content:"";position:absolute;inset:0;border-radius:var(--store-radius-section);background:#00000040;opacity:0;pointer-events:none;transition:opacity .25s ease}.stage:where(.astro-g3bbfayr) .store-button{transition:background-color .15s ease}.step-1:where(.astro-g3bbfayr):not(.step-2) .stage:where(.astro-g3bbfayr) .store-button{background-color:#0000000f}.mock-dialog:where(.astro-g3bbfayr){position:absolute;top:50%;left:50%;z-index:1;width:min(100%,22rem);border-radius:var(--store-radius-section);background:var(--store-bg);box-shadow:0 8px 40px #0003;opacity:0;transform:translate(-50%,-50%) scale(.96);transition:opacity .25s ease,transform .25s ease}.is-open:where(.astro-g3bbfayr) .stage:where(.astro-g3bbfayr):after{opacity:1}.is-open:where(.astro-g3bbfayr) .mock-dialog:where(.astro-g3bbfayr){opacity:1;transform:translate(-50%,-50%)}.mock-heading:where(.astro-g3bbfayr){margin:0;padding:12px 16px;border-bottom:1px solid var(--store-border);font-weight:var(--store-font-weight-bold)}.mock-content:where(.astro-g3bbfayr){display:grid;gap:8px;padding:12px 16px}.mock-content:where(.astro-g3bbfayr).columns{grid-template-columns:repeat(2,minmax(0,1fr))}.mock-field:where(.astro-g3bbfayr){display:flex;flex-direction:column;padding:6px 10px;border:1px solid var(--store-border);border-radius:var(--store-radius-control);transition:border-color .2s ease,box-shadow .2s ease}.mock-label:where(.astro-g3bbfayr){color:var(--store-text-label);font-size:var(--store-font-size-label)}.step-2:where(.astro-g3bbfayr):not(.step-4) .mock-field:where(.astro-g3bbfayr):has(.typed,.swap){border-color:var(--store-accent);box-shadow:0 0 0 1px var(--store-accent)}.typed:where(.astro-g3bbfayr){min-height:1lh;opacity:0;transition:opacity .3s ease}.step-3:where(.astro-g3bbfayr) .typed:where(.astro-g3bbfayr){opacity:1}.mock-footer:where(.astro-g3bbfayr){display:flex;justify-content:flex-end;gap:8px;padding:10px 16px;border-top:1px solid var(--store-border)}.mock-button:where(.astro-g3bbfayr){padding:6px 12px;border-radius:var(--store-radius-control);color:var(--store-accent);font-weight:var(--store-font-weight-bold);box-shadow:inset 0 0 0 1px var(--store-border-strong);transition:filter .15s ease}.mock-button:where(.astro-g3bbfayr).primary{background:var(--store-accent);color:var(--store-accent-contrast);box-shadow:none}.step-4:where(.astro-g3bbfayr):not(.step-5) .mock-button:where(.astro-g3bbfayr).primary{filter:brightness(.85)}.swap:where(.astro-g3bbfayr) .to,.stage:where(.astro-g3bbfayr) .to{display:none}.step-3:where(.astro-g3bbfayr) .mock-dialog:where(.astro-g3bbfayr) .swap:where(.astro-g3bbfayr) .from:where(.astro-g3bbfayr),.step-5:where(.astro-g3bbfayr) .stage:where(.astro-g3bbfayr) .from{display:none}.step-3:where(.astro-g3bbfayr) .mock-dialog:where(.astro-g3bbfayr) .swap:where(.astro-g3bbfayr) .to:where(.astro-g3bbfayr),.step-5:where(.astro-g3bbfayr) .stage:where(.astro-g3bbfayr) .to{display:inline;animation:value-flash 1.2s ease}@keyframes value-flash{0%{color:var(--store-accent)}}.pointer:where(.astro-g3bbfayr){position:absolute;top:0;left:0;z-index:2;pointer-events:none;opacity:0;transform:translate(var(--x, 0),var(--y, 0));transition:transform .35s ease,opacity .2s ease}.pointer:where(.astro-g3bbfayr).no-transition{transition:none}.pointer:where(.astro-g3bbfayr).is-visible{opacity:1}.cursor:where(.astro-g3bbfayr){--cursor-size: 48px;position:absolute;top:calc(var(--cursor-size) * -3.5 / 20);left:calc(var(--cursor-size) * -5 / 20);width:var(--cursor-size);height:var(--cursor-size);filter:drop-shadow(0 1px 2px rgb(0 0 0 / .25))}.ripple:where(.astro-g3bbfayr){position:absolute;top:-18px;left:-18px;display:none;width:36px;height:36px;border-radius:50%;background:#00000038;opacity:0;transform:scale(.3)}.is-pressing:where(.astro-g3bbfayr) .ripple:where(.astro-g3bbfayr){animation:tap .45s ease-out}@keyframes tap{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1)}}@media(hover:none),(max-width:48rem){.cursor:where(.astro-g3bbfayr){display:none}.ripple:where(.astro-g3bbfayr){display:block}}.mock-page:where(.astro-g3bbfayr){position:absolute;top:50%;left:50%;z-index:1;width:100%;padding:12px 16px 16px;border-radius:var(--store-radius-section);background:var(--store-bg);box-shadow:0 8px 40px #0003;opacity:0;transform:translate(-50%,-50%) translate(12px);transition:opacity .3s ease,transform .3s ease}.is-open:where(.astro-g3bbfayr) .mock-page:where(.astro-g3bbfayr){opacity:1;transform:translate(-50%,-50%)}.mock-page-label:where(.astro-g3bbfayr){display:flex;align-items:center;gap:4px;margin:0;color:var(--store-text-subdued);font-size:var(--store-font-size-label)}.mock-page-label:where(.astro-g3bbfayr) svg:where(.astro-g3bbfayr){width:14px;height:14px}.mock-page-title:where(.astro-g3bbfayr){margin:4px 0 12px;font-weight:var(--store-font-weight-bold)}.mock-products:where(.astro-g3bbfayr){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.mock-products:where(.astro-g3bbfayr) li:where(.astro-g3bbfayr){display:flex;flex-direction:column;gap:2px;font-size:var(--store-font-size-label)}.mock-product-image:where(.astro-g3bbfayr){display:grid;place-items:center;aspect-ratio:4 / 3;margin-bottom:4px;border-radius:8px;background:var(--store-product-bg-1);color:#00000073}.mock-product-image:where(.astro-g3bbfayr) svg:where(.astro-g3bbfayr){width:55%;height:55%}.mock-products:where(.astro-g3bbfayr) li:where(.astro-g3bbfayr):nth-child(2) .mock-product-image:where(.astro-g3bbfayr){background:var(--store-product-bg-2)}.mock-products:where(.astro-g3bbfayr) li:where(.astro-g3bbfayr):nth-child(3) .mock-product-image:where(.astro-g3bbfayr){background:var(--store-product-bg-3)}.mock-product-name:where(.astro-g3bbfayr){font-weight:var(--store-font-weight-bold)}.select-demo:where(.astro-g3bbfayr){position:relative}.step-1:where(.astro-g3bbfayr):not(.step-3) .select-demo:where(.astro-g3bbfayr) .store-field{border-color:var(--store-accent);box-shadow:0 0 0 1px var(--store-accent)}.mock-options:where(.astro-g3bbfayr){position:absolute;top:calc(100% + 4px);right:0;left:0;z-index:1;margin:0;padding:4px;border-radius:var(--store-radius-control);background:var(--store-bg);box-shadow:0 4px 20px #00000026;list-style:none;opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease}.step-1:where(.astro-g3bbfayr):not(.step-3) .mock-options:where(.astro-g3bbfayr){opacity:1;transform:none}.mock-options:where(.astro-g3bbfayr) li:where(.astro-g3bbfayr){padding:6px 10px;border-radius:8px;transition:background-color .2s ease}.step-2:where(.astro-g3bbfayr) .mock-options:where(.astro-g3bbfayr) .chosen:where(.astro-g3bbfayr){background:#0000000f;font-weight:var(--store-font-weight-bold)}.benefit:where(.astro-g3bbfayr){overflow:hidden;margin:var(--space-4) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;text-overflow:ellipsis;white-space:nowrap;transition:opacity .3s ease,transform .3s ease}.benefit:where(.astro-g3bbfayr).is-leaving{opacity:0;transform:translateY(-4px)}@media(prefers-reduced-motion:reduce){.benefit:where(.astro-g3bbfayr){display:none}}.is-ready:where(.astro-g3bbfayr) .track:where(.astro-g3bbfayr){opacity:1}.skeleton:where(.astro-g3bbfayr){position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:var(--space-2);transition:opacity .3s ease}.is-ready:where(.astro-g3bbfayr) .skeleton:where(.astro-g3bbfayr){opacity:0;pointer-events:none}.skeleton:where(.astro-g3bbfayr) span:where(.astro-g3bbfayr){border-radius:var(--store-radius-section);background:#0000000f;animation:skeleton-pulse 1.2s ease-in-out infinite alternate}.skeleton:where(.astro-g3bbfayr) .bar:where(.astro-g3bbfayr){width:8rem;height:.75rem;border-radius:var(--radius-full)}.skeleton:where(.astro-g3bbfayr) .block:where(.astro-g3bbfayr){height:7rem;margin-bottom:var(--space-2)}.skeleton:where(.astro-g3bbfayr) .block:where(.astro-g3bbfayr).large{height:9rem}@keyframes skeleton-pulse{to{opacity:.5}}@media(prefers-reduced-motion:reduce){.skeleton:where(.astro-g3bbfayr) span:where(.astro-g3bbfayr){animation:none}}@media(max-width:30rem){.visual:where(.astro-g3bbfayr){height:26rem;padding:var(--space-4) var(--space-4) 0}}.bubbles:where(.astro-sctvwlqc){display:flex;margin:0 0 var(--space-6)}.bubble:where(.astro-sctvwlqc){--bubble-bg: var(--color-paper);--bubble-border: var(--color-border);position:relative;padding:var(--space-2) var(--space-4);background:var(--bubble-bg);border:1px solid var(--bubble-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);font-feature-settings:var(--font-feature-tight);transition:opacity .3s ease,transform .3s ease}.bubble:where(.astro-sctvwlqc):before,.bubble:where(.astro-sctvwlqc):after{content:"";position:absolute;left:var(--space-6);border:var(--space-2) solid transparent;border-bottom:0}.bubble:where(.astro-sctvwlqc):before{bottom:calc(var(--space-2) * -1 - 1px);border-top-color:var(--bubble-border)}.bubble:where(.astro-sctvwlqc):after{bottom:calc(var(--space-2) * -1 + 1px);border-top-color:var(--bubble-bg)}.bubble:where(.astro-sctvwlqc).is-leaving{opacity:0;transform:translateY(-4px)}h1:where(.astro-tknqrbyw) .phrase{display:inline-block}.hero:where(.astro-tknqrbyw){max-width:var(--width-content);margin:0 auto;padding:var(--space-16) var(--space-6) var(--space-24)}.top:where(.astro-tknqrbyw){display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:var(--space-12)}@media(max-width:56rem){.top:where(.astro-tknqrbyw){grid-template-columns:1fr}}.copy:where(.astro-tknqrbyw){display:flex;flex-direction:column;align-items:flex-start}h1:where(.astro-tknqrbyw){font-size:var(--font-size-2xl);line-height:var(--line-height-tight);letter-spacing:-.01em}.description:where(.astro-tknqrbyw){margin-top:var(--space-6);color:var(--color-text-muted);font-size:var(--font-size-md)}.actions:where(.astro-tknqrbyw){display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}.note:where(.astro-tknqrbyw){margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm)}.contact:where(.astro-7q7s5u6q){display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}h3:where(.astro-7q7s5u6q){font-size:var(--font-size-lg);line-height:var(--line-height-tight)}@media(max-width:48rem){.contact:where(.astro-7q7s5u6q) .button{inline-size:100%}}h3:where(.astro-7q7s5u6q)+p:where(.astro-7q7s5u6q){margin-top:var(--space-2)}p:where(.astro-7q7s5u6q)+p:where(.astro-7q7s5u6q){margin-top:var(--space-1)}p:where(.astro-7q7s5u6q){color:var(--color-text-muted)}.section:where(.astro-j7pv25f6){max-width:var(--width-content);margin:0 auto;padding:var(--space-16) var(--space-6)}.more:where(.astro-j7pv25f6){margin-top:var(--space-6);text-align:center}.more:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6){font-weight:var(--font-weight-bold);text-underline-offset:.3em}
