.cli-hero-icon:where(.astro-s6dc2wb6){display:block;margin:-1.5rem auto .25rem;animation:iconEntrance .8s var(--ease-out-expo, cubic-bezier(.16, 1, .3, 1)) both}.cli-branch:where(.astro-s6dc2wb6){stroke-dasharray:60;stroke-dashoffset:60;animation:cliDraw .6s ease-out .2s forwards}.cli-dot-top:where(.astro-s6dc2wb6){opacity:0;transform-origin:center;transform-box:fill-box;animation:cliDot .35s ease-out .7s forwards}.cli-dot-bottom:where(.astro-s6dc2wb6){opacity:0;transform-origin:center;transform-box:fill-box;animation:cliDot .35s ease-out .55s forwards}@keyframes cliDraw{to{stroke-dashoffset:0}}@keyframes cliDot{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.cli-hero-icon:where(.astro-s6dc2wb6){animation:none}.cli-branch:where(.astro-s6dc2wb6){animation:none;stroke-dashoffset:0}.cli-dot-top:where(.astro-s6dc2wb6),.cli-dot-bottom:where(.astro-s6dc2wb6){animation:none;opacity:1}}.svc-nav__panels{min-height:280px!important}.hero-links:where(.astro-s6dc2wb6){display:flex;gap:1.25rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}.hero-link:where(.astro-s6dc2wb6){display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;color:var(--text-muted);text-decoration:none;transition:color .2s ease;padding:.5rem .75rem}.hero-link:where(.astro-s6dc2wb6):hover{color:var(--product-sky, var(--blue-400))}.hero-link:where(.astro-s6dc2wb6) svg:where(.astro-s6dc2wb6){opacity:.7}.hero-link:where(.astro-s6dc2wb6):hover svg:where(.astro-s6dc2wb6){opacity:1}.how-it-works-demo:where(.astro-s6dc2wb6){margin-top:3rem}.prompt:where(.astro-s6dc2wb6){user-select:none;color:var(--text-muted)}.transform-grid:where(.astro-s6dc2wb6){display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:stretch;margin-bottom:3rem}.transform-panel:where(.astro-s6dc2wb6){border-radius:12px;overflow:hidden;border:1px solid var(--border-default);background:var(--bg-surface);display:flex;flex-direction:column}.transform-panel-header:where(.astro-s6dc2wb6){display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-default);background:var(--bg-elevated)}.transform-panel-header:where(.astro-s6dc2wb6) svg:where(.astro-s6dc2wb6){color:var(--product-sky, var(--blue-400));flex-shrink:0}.transform-panel-header:where(.astro-s6dc2wb6) h3:where(.astro-s6dc2wb6){font-size:.9rem;margin:0}.transform-panel-body:where(.astro-s6dc2wb6){padding:.75rem;flex:1}.transform-panel--db:where(.astro-s6dc2wb6) .transform-panel-body:where(.astro-s6dc2wb6){padding:0}.db-screenshot:where(.astro-s6dc2wb6){width:100%;height:100%;display:block;object-fit:cover;object-position:top left;filter:saturate(.6) contrast(.95);opacity:.85}.transform-panel-status:where(.astro-s6dc2wb6){padding:.5rem 1rem;font-size:.75rem;color:var(--text-muted);text-align:center;border-top:1px solid var(--border-default);background:var(--bg-elevated)}.transform-panel-status--success:where(.astro-s6dc2wb6){color:#047857}.transform-arrow:where(.astro-s6dc2wb6){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:0 .5rem}.transform-arrow-line:where(.astro-s6dc2wb6){width:2px;height:32px;background:var(--border-accent);display:none}.transform-arrow-labels:where(.astro-s6dc2wb6){display:flex;align-items:center;gap:.5rem}.transform-arrow-label:where(.astro-s6dc2wb6){font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--accent-text);letter-spacing:.5px}.transform-arrow-labels:where(.astro-s6dc2wb6) svg:where(.astro-s6dc2wb6){color:var(--product-sky, var(--blue-400))}.transform-arrow-badge:where(.astro-s6dc2wb6){display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:600;color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:6px;padding:.25rem .6rem}.transform-arrow-badge:where(.astro-s6dc2wb6) svg:where(.astro-s6dc2wb6){color:var(--product-sky, var(--blue-400))}.transform-panel--files:where(.astro-s6dc2wb6) .transform-panel-body:where(.astro-s6dc2wb6){padding:0}.transform-panel--files:where(.astro-s6dc2wb6) .code-frame{border:none;border-radius:0;box-shadow:none}.transform-panel--files:where(.astro-s6dc2wb6) .code-frame:hover{border-color:transparent;box-shadow:none}.transform-panel--files:where(.astro-s6dc2wb6) .code-frame__bar{display:none}.transform-panel--files:where(.astro-s6dc2wb6) .code-frame__body{padding:.5rem .75rem;font-size:.7rem;line-height:1.6}.why-cards:where(.astro-s6dc2wb6){display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.why-card:where(.astro-s6dc2wb6){text-align:center;padding:1.5rem 1rem}.why-card:where(.astro-s6dc2wb6) svg:where(.astro-s6dc2wb6){color:var(--product-sky, var(--blue-400));margin-bottom:.75rem}.why-card:where(.astro-s6dc2wb6) h3:where(.astro-s6dc2wb6){font-size:1rem;margin-bottom:.5rem}.why-card:where(.astro-s6dc2wb6) p:where(.astro-s6dc2wb6){font-size:.9rem;color:var(--text-secondary);line-height:1.6}@media(max-width:900px){.transform-grid:where(.astro-s6dc2wb6){grid-template-columns:1fr}.transform-arrow:where(.astro-s6dc2wb6){flex-direction:row;padding:.5rem 0}.why-cards:where(.astro-s6dc2wb6){grid-template-columns:1fr;gap:1rem}}.quickstart-steps:where(.astro-s6dc2wb6){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.quickstart-step:where(.astro-s6dc2wb6){position:relative;min-width:0}.quickstart-number:where(.astro-s6dc2wb6){display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--product-sky, #38bdf8) 0%,var(--blue-400) 100%);color:#fff;font-weight:700;font-size:1rem;margin-bottom:1rem}.quickstart-step:where(.astro-s6dc2wb6) h3:where(.astro-s6dc2wb6){font-size:1.1rem;margin-bottom:.5rem}.quickstart-step:where(.astro-s6dc2wb6)>p:where(.astro-s6dc2wb6){font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.quickstart-step:where(.astro-s6dc2wb6) .code-frame{margin-bottom:.75rem}.quickstart-link:where(.astro-s6dc2wb6){display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;color:var(--accent-text);text-decoration:none;transition:gap .2s ease;padding:.5rem 0}.quickstart-link:where(.astro-s6dc2wb6):hover{gap:.6rem}@media(max-width:900px){.quickstart-steps:where(.astro-s6dc2wb6){grid-template-columns:1fr;gap:2.5rem}}.workflow-icon:where(.astro-s6dc2wb6){color:var(--product-sky, var(--blue-400));margin-bottom:.75rem}.workflow-meta:where(.astro-s6dc2wb6){margin-top:.75rem;font-size:.8rem;color:var(--text-muted);font-style:italic}.benefit-list:where(.astro-s6dc2wb6){margin:.75rem 0 0;padding-left:1.25rem;font-size:.9rem;color:var(--text-secondary);line-height:1.7}.benefit-list:where(.astro-s6dc2wb6) li:where(.astro-s6dc2wb6){margin-bottom:.25rem}.benefit-list:where(.astro-s6dc2wb6) li:where(.astro-s6dc2wb6)::marker{color:var(--product-sky, var(--blue-400))}.card--linked:where(.astro-s6dc2wb6){display:block;text-decoration:none;color:inherit;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .3s ease,background .3s ease}.card--linked:where(.astro-s6dc2wb6):hover{transform:translateY(-4px);box-shadow:var(--shadow-accent-sm, 0 8px 24px rgba(56, 189, 248, .12))}.card-arrow:where(.astro-s6dc2wb6){display:inline-flex;align-items:center;color:var(--product-sky, var(--blue-400));margin-top:.75rem;font-size:.85rem;gap:.25rem;transition:transform .2s ease}.card--linked:where(.astro-s6dc2wb6):hover .card-arrow:where(.astro-s6dc2wb6){transform:translate(4px)}