.product-frame:where(.astro-szkwpuql){text-align:left;overflow:hidden;box-shadow:0 1px 2px #0000000d,0 20px 50px -16px #0000002e}:root[data-theme=dark] .product-frame:where(.astro-szkwpuql){box-shadow:0 20px 50px -16px #0009}.product-frame-bar:where(.astro-szkwpuql){border-bottom:1px solid var(--wp-border);background:linear-gradient(to bottom, color-mix(in srgb, var(--wp-card) 55%, var(--wp-muted)), var(--wp-muted));align-items:center;gap:.4rem;padding:.6rem .9rem;display:flex}.product-frame-dot:where(.astro-szkwpuql){border-radius:50%;width:.6rem;height:.6rem}.product-frame-dot:where(.astro-szkwpuql):first-child{background:#e06c6c}.product-frame-dot:where(.astro-szkwpuql):nth-child(2){background:#ebba47}.product-frame-dot:where(.astro-szkwpuql):nth-child(3){background:#59c06a}.product-frame-title:where(.astro-szkwpuql){font-family:var(--wp-font);color:var(--wp-muted-foreground);margin:0 auto;font-size:.7rem}.product-frame-body:where(.astro-szkwpuql){background:var(--wp-background)}.mockup:where(.astro-zcabcyav){grid-template-columns:13rem 1fr 13rem;min-height:15rem;display:grid}.mockup-rail:where(.astro-zcabcyav){border-right:1px solid var(--wp-border);padding:1rem}.mockup-rail-title:where(.astro-zcabcyav),.mockup-product-kicker:where(.astro-zcabcyav){font-family:var(--wp-font);text-transform:uppercase;letter-spacing:.08em;color:var(--wp-muted-foreground);margin:0 0 .6rem;font-size:.65rem;font-weight:600}.mockup-assignment:where(.astro-zcabcyav){border-radius:var(--wp-radius);margin-bottom:.25rem;padding:.5rem .6rem}.mockup-assignment-active:where(.astro-zcabcyav){background:var(--wp-muted)}.mockup-assignment:where(.astro-zcabcyav) p:where(.astro-zcabcyav){font-family:var(--wp-font);color:var(--wp-foreground);margin:0;font-size:.78rem;font-weight:500}.mockup-assignment:where(.astro-zcabcyav) span:where(.astro-zcabcyav){font-family:var(--wp-font);color:var(--wp-muted-foreground);font-size:.68rem}.mockup-session:where(.astro-zcabcyav){padding:1rem 1.25rem}.mockup-session-title:where(.astro-zcabcyav){font-family:var(--wp-font);color:var(--wp-foreground);align-items:center;gap:.45rem;margin:0 0 .8rem;font-size:.78rem;font-weight:600;display:flex}.mockup-live:where(.astro-zcabcyav){background:var(--wp-primary);border-radius:50%;width:.5rem;height:.5rem;animation:2s ease-in-out infinite mockup-pulse}@keyframes mockup-pulse{50%{opacity:.4}}@media (prefers-reduced-motion:reduce){.mockup-live:where(.astro-zcabcyav){animation:none}}.mockup-product:where(.astro-zcabcyav){border-left:1px solid var(--wp-border);padding:1rem}.mockup-product-card:where(.astro-zcabcyav){border:1px solid var(--wp-border);border-radius:var(--wp-radius);background:var(--wp-card);padding:.75rem}.mockup-product-name:where(.astro-zcabcyav){font-family:var(--wp-font);color:var(--wp-foreground);margin:0 0 .15rem;font-size:.8rem;font-weight:600}.mockup-product-meta:where(.astro-zcabcyav){font-family:var(--wp-font);color:var(--wp-muted-foreground);font-size:.68rem}.mockup-spark:where(.astro-zcabcyav){align-items:flex-end;gap:.3rem;height:2.4rem;margin-top:.7rem;display:flex}.mockup-spark:where(.astro-zcabcyav) span:where(.astro-zcabcyav){background:color-mix(in srgb, var(--wp-primary) 30%, var(--wp-muted));transform-origin:bottom;border-radius:2px 2px 0 0;flex:1;animation:.7s cubic-bezier(.22,1,.36,1) backwards spark-grow}.mockup-spark:where(.astro-zcabcyav) span:where(.astro-zcabcyav):first-child{animation-delay:2.3s}.mockup-spark:where(.astro-zcabcyav) span:where(.astro-zcabcyav):nth-child(2){animation-delay:2.4s}.mockup-spark:where(.astro-zcabcyav) span:where(.astro-zcabcyav):nth-child(3){animation-delay:2.5s}.mockup-spark:where(.astro-zcabcyav) span:where(.astro-zcabcyav):nth-child(4){animation-delay:2.6s}.mockup-spark:where(.astro-zcabcyav) span:where(.astro-zcabcyav):nth-child(5){animation-delay:2.7s}.mockup-spark:where(.astro-zcabcyav) span:where(.astro-zcabcyav):nth-child(6){animation-delay:2.8s}.mockup-spark:where(.astro-zcabcyav) span:where(.astro-zcabcyav):nth-child(7){animation-delay:2.9s}@keyframes spark-grow{0%{transform:scaleY(0)}}@media (prefers-reduced-motion:reduce){.mockup-spark:where(.astro-zcabcyav) span:where(.astro-zcabcyav){animation:none}}.mockup-spark:where(.astro-zcabcyav) .mockup-spark-hot:where(.astro-zcabcyav){background:var(--wp-primary)}.mockup-product-lines:where(.astro-zcabcyav){flex-direction:column;gap:.35rem;margin-top:.7rem;display:flex}.mockup-product-lines:where(.astro-zcabcyav) span:where(.astro-zcabcyav){background:var(--wp-muted);border-radius:999px;height:.4rem;display:block}@media (width<=860px){.mockup:where(.astro-zcabcyav){grid-template-columns:1fr}.mockup-rail:where(.astro-zcabcyav),.mockup-product:where(.astro-zcabcyav){display:none}}.hero:where(.astro-ge2uvauf){padding:clamp(4rem,9vw,6.5rem) 1.5rem 0;position:relative;overflow:hidden}.hero:where(.astro-ge2uvauf):before{content:"";background:radial-gradient(ellipse 60% 55% at 50% 100%, color-mix(in srgb, var(--wp-primary) 10%, transparent), transparent);pointer-events:none;height:70%;position:absolute;inset:auto 0 -20%}.hero:where(.astro-ge2uvauf):after{content:"";background-image:radial-gradient(color-mix(in srgb, var(--wp-foreground) 8%, transparent) 1px, transparent 1px);pointer-events:none;background-size:26px 26px;position:absolute;inset:0;mask-image:radial-gradient(70% 55% at 50% 30%,#000,#0000 78%)}.hero-inner:where(.astro-ge2uvauf){text-align:center;max-width:52rem;margin:0 auto;position:relative}.hero-title:where(.astro-ge2uvauf){font-family:var(--wp-font);font-size:var(--wp-text-display);letter-spacing:-.035em;color:var(--wp-foreground);margin:0 0 1.25rem;font-weight:700;line-height:1.05}.hero-accent:where(.astro-ge2uvauf){background:linear-gradient(100deg, var(--wp-primary), var(--wp-primary-light) 85%);-webkit-text-fill-color:transparent;color:#0000;background-clip:text}@media (forced-colors:active){.hero-accent:where(.astro-ge2uvauf){-webkit-text-fill-color:currentColor;color:inherit;background:0 0}}.hero-subtitle:where(.astro-ge2uvauf){font-family:var(--wp-font);font-size:var(--wp-text-lead);color:var(--wp-muted-foreground);max-width:38rem;margin:0 auto 2.25rem;line-height:1.55}.hero-actions:where(.astro-ge2uvauf){flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.hero-mockup:where(.astro-ge2uvauf){max-width:56rem;margin:3.5rem auto 0;position:relative}@media (width<=640px){.hero-subtitle:where(.astro-ge2uvauf){font-size:1.05rem}.hero-mockup:where(.astro-ge2uvauf){margin-top:2.5rem}}.steps-grid:where(.astro-lcdefpme){grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.step:where(.astro-lcdefpme){padding:1.75rem}.step-visual:where(.astro-lcdefpme){align-items:center;height:2rem;margin-bottom:1rem;display:flex}.step-icons:where(.astro-lcdefpme){gap:.45rem;display:flex}.step-icons:where(.astro-lcdefpme) img:where(.astro-lcdefpme){border-radius:4px}:root[data-theme=dark] .step-icons:where(.astro-lcdefpme) img:where(.astro-lcdefpme){background:#fff;padding:1.5px}.step-chip:where(.astro-lcdefpme){font-family:var(--wp-font);color:var(--wp-muted-foreground);background:var(--wp-muted);border:1px solid var(--wp-border);white-space:nowrap;border-radius:999px;padding:.25rem .7rem;font-size:.75rem;font-weight:500}.step-done:where(.astro-lcdefpme){font-family:var(--wp-font);color:var(--wp-primary);white-space:nowrap;font-size:.8rem;font-weight:600}.step:where(.astro-lcdefpme) h3:where(.astro-lcdefpme){font-family:var(--wp-font);font-size:var(--wp-text-h3);color:var(--wp-foreground);margin:0 0 .4rem;font-weight:600}.step:where(.astro-lcdefpme) p:where(.astro-lcdefpme){font-family:var(--wp-font);color:var(--wp-muted-foreground);margin:0;font-size:.9rem;line-height:1.55}.arc-grid:where(.astro-lcdefpme){grid-template-columns:repeat(3,1fr);gap:2.5rem;display:grid}.arc-item:where(.astro-lcdefpme){border-top:2px solid var(--wp-primary);padding-top:1.25rem}.arc-stage:where(.astro-lcdefpme){font-family:var(--wp-font);text-transform:uppercase;letter-spacing:.08em;color:var(--wp-primary);font-size:.75rem;font-weight:600}.arc-item:where(.astro-lcdefpme) h3:where(.astro-lcdefpme){font-family:var(--wp-font);letter-spacing:-.01em;color:var(--wp-foreground);margin:.4rem 0 .5rem;font-size:1.25rem;font-weight:600}.arc-item:where(.astro-lcdefpme) p:where(.astro-lcdefpme){font-family:var(--wp-font);color:var(--wp-muted-foreground);margin:0;font-size:.92rem;line-height:1.6}.roles-grid:where(.astro-lcdefpme){grid-template-columns:repeat(3,1fr);gap:.9rem;display:grid}.role-card:where(.astro-lcdefpme){padding:1.25rem;text-decoration:none;display:block}.role-card:where(.astro-lcdefpme) h3:where(.astro-lcdefpme){font-family:var(--wp-font);color:var(--wp-foreground);margin:0 0 .25rem;font-size:.95rem;font-weight:600}.role-card:where(.astro-lcdefpme) p:where(.astro-lcdefpme){font-family:var(--wp-font);color:var(--wp-muted-foreground);margin:0;font-size:.8rem;line-height:1.45}.roles-cta:where(.astro-lcdefpme){text-align:center;margin-top:1.5rem}.roles-link:where(.astro-lcdefpme){font-family:var(--wp-font);color:var(--wp-primary);font-size:.9rem;font-weight:500;text-decoration:none}.roles-link:where(.astro-lcdefpme):hover{text-decoration:underline}.trust-grid:where(.astro-lcdefpme){grid-template-columns:1fr 1fr;align-items:center;gap:2.5rem;display:grid}.trust-items:where(.astro-lcdefpme){flex-direction:column;gap:1.5rem;display:flex}.trust-item:where(.astro-lcdefpme) h3:where(.astro-lcdefpme){font-family:var(--wp-font);font-size:var(--wp-text-h3);color:var(--wp-foreground);margin:0 0 .3rem;font-weight:600}.trust-item:where(.astro-lcdefpme) p:where(.astro-lcdefpme){font-family:var(--wp-font);color:var(--wp-muted-foreground);margin:0;font-size:.9rem;line-height:1.55}.trust-snippet:where(.astro-lcdefpme){padding:1.5rem}.trust-snippet-title:where(.astro-lcdefpme){font-family:var(--wp-font);text-transform:uppercase;letter-spacing:.08em;color:var(--wp-muted-foreground);margin:0 0 .8rem;font-size:.65rem;font-weight:600}@media (width<=860px){.steps-grid:where(.astro-lcdefpme){grid-template-columns:1fr}.arc-grid:where(.astro-lcdefpme){grid-template-columns:1fr;gap:1.75rem}.trust-grid:where(.astro-lcdefpme){grid-template-columns:1fr}}@media (width<=768px){.roles-grid:where(.astro-lcdefpme){grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.roles-grid:where(.astro-lcdefpme){grid-template-columns:1fr}}
