.interactive-svc-mock.svelte-12tuv1b{perspective:800px;cursor:default;transform-origin:50%;width:90%;max-width:326px;transition:transform .62s cubic-bezier(.16,1,.35,1)}.has-mock-preview:hover .interactive-svc-mock.svelte-12tuv1b{transform:scale(1.08)}.svc-mock-window.svelte-12tuv1b{background:var(--color-bg-1);border:1px solid var(--color-line-2);transform-style:preserve-3d;will-change:transform;border-radius:8px;transition:border-color .28s,box-shadow .38s cubic-bezier(.16,1,.35,1);overflow:hidden;box-shadow:0 16px 48px #0006}.has-mock-preview:hover .svc-mock-window.svelte-12tuv1b{border-color:color-mix(in srgb, var(--mock-accent) 38%, var(--color-line-2));box-shadow:0 18px 52px #00000073, 0 0 0 1px color-mix(in srgb, var(--mock-accent) 12%, transparent)}.svc-mock-window.wide.svelte-12tuv1b{flex-direction:column;min-height:124px;display:flex}.svc-mock-toolbar.svelte-12tuv1b{background:var(--color-bg-3);border-bottom:1px solid var(--color-line-2);align-items:center;gap:10px;padding:8px 10px;display:flex}.svc-traffic.svelte-12tuv1b{border-radius:99px;flex-shrink:0;align-items:center;gap:5px;padding-right:2px;display:inline-flex}.svc-dot.svelte-12tuv1b{background:#4a4a4a;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .24s,box-shadow .42s cubic-bezier(.16,1,.3,1),transform .38s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #0000006b}.svc-mock-toolbar.svelte-12tuv1b:hover .svc-dot-close:where(.svelte-12tuv1b){background:#ff5f56;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff59,0 0 12px #ff5f568c,0 0 0 1px #0000000d}.svc-mock-toolbar.svelte-12tuv1b:hover .svc-dot-mini:where(.svelte-12tuv1b){background:#febc2e;transition-delay:28ms;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff59,0 0 12px #febc2e80,0 0 0 1px #0000000f}.svc-mock-toolbar.svelte-12tuv1b:hover .svc-dot-zoom:where(.svelte-12tuv1b){background:#28c840;transition-delay:54ms;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff52,0 0 12px #28c84073,0 0 0 1px #0000000f}.svc-toolbar-title.svelte-12tuv1b{min-width:0;color:var(--color-fg-4);font-size:9px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;flex:1;margin-left:0;transition:color .28s,opacity .28s;overflow:hidden}.has-mock-preview:hover .svc-toolbar-title.svelte-12tuv1b{color:color-mix(in srgb, var(--mock-accent) 55%, var(--color-fg-4))}.svc-split.svelte-12tuv1b{min-height:110px;display:flex}.svc-sidebar.svelte-12tuv1b{border-right:1px solid var(--color-line-2);flex-direction:column;gap:6px;width:26%;padding:10px 8px;display:flex}.svc-nav.svelte-12tuv1b{background:var(--color-bg-3);border-radius:2px;height:8px;transition:transform .52s cubic-bezier(.16,1,.35,1),background .35s}.svc-nav.active.svelte-12tuv1b{background:color-mix(in srgb, var(--mock-accent) 38%, var(--color-bg-3))}.has-mock-preview:hover [data-svc-variant=webapp].svelte-12tuv1b .svc-nav.active:where(.svelte-12tuv1b){transform:translate(3px)}.svc-main.svelte-12tuv1b{flex-direction:column;flex:1;gap:8px;padding:10px;display:flex}.svc-row.svelte-12tuv1b{background:var(--color-bg-3);border:1px solid var(--color-line-1);border-radius:2px;height:10px;transition:transform .48s cubic-bezier(.16,1,.35,1),width .48s cubic-bezier(.16,1,.35,1)}.svc-row.header.svelte-12tuv1b{background:color-mix(in srgb, var(--mock-accent) 22%, var(--color-bg-3));width:58%;height:13px}.has-mock-preview:hover [data-svc-variant=webapp].svelte-12tuv1b .svc-row:where(.svelte-12tuv1b):not(.header){transform:translate(2px)}.has-mock-preview:hover [data-svc-variant=webapp].svelte-12tuv1b .svc-row.header:where(.svelte-12tuv1b){width:64%;transform:translate(1px)}.svc-row.short.svelte-12tuv1b{width:72%}.has-mock-preview:hover [data-svc-variant=webapp].svelte-12tuv1b .svc-row.short:where(.svelte-12tuv1b){width:78%}.svc-chip-row.svelte-12tuv1b{z-index:2;flex-wrap:wrap;gap:4px;display:flex;position:relative}.webapp-chip.svelte-12tuv1b{background:color-mix(in srgb, var(--mock-accent) 20%, transparent);color:var(--mock-accent);font-size:7px;font-family:var(--font-mono);border:1px solid color-mix(in srgb, var(--mock-accent) 28%, transparent);cursor:crosshair;border-radius:3px;padding:2px 5px;transition:border-color .32s,box-shadow .32s}.has-mock-preview:hover [data-svc-variant=webapp].svelte-12tuv1b .webapp-chip:where(.svelte-12tuv1b):hover{border-color:color-mix(in srgb, var(--mock-accent) 55%, transparent);animation:1.05s ease-in-out infinite alternate svelte-12tuv1b-svc-webapp-chip-jostle;box-shadow:0 4px 12px #00000038}@keyframes svelte-12tuv1b-svc-webapp-chip-jostle{0%{transform:translate(0)rotate(0)}to{transform:translate(6px,-7px)rotate(-2deg)}}.svc-body.svelte-12tuv1b{padding:12px}.automation-body.svelte-12tuv1b{justify-content:center;align-items:center;gap:0;min-height:88px;display:flex}.auto-node.svelte-12tuv1b{background:var(--color-bg-3);border:1px solid var(--color-line-1);border-radius:4px;width:34px;height:26px;transition:transform .48s cubic-bezier(.16,1,.35,1),border-color .42s}.auto-node.mid.svelte-12tuv1b{border-color:color-mix(in srgb, var(--mock-accent) 45%, transparent);background:color-mix(in srgb, var(--mock-accent) 18%, var(--color-bg-3))}.auto-line.svelte-12tuv1b{background:linear-gradient(90deg, var(--color-line-2), var(--mock-accent), var(--color-line-2));opacity:.85;transform-origin:50%;width:18px;height:1px;transition:transform .5s cubic-bezier(.16,1,.35,1),opacity .4s}.has-mock-preview:hover [data-svc-variant=automation].svelte-12tuv1b .auto-line:where(.svelte-12tuv1b){opacity:1;transform:scaleX(1.18)}.has-mock-preview:hover [data-svc-variant=automation].svelte-12tuv1b .auto-node.mid:where(.svelte-12tuv1b){transform:translateY(-4px)}.has-mock-preview:hover [data-svc-variant=automation].svelte-12tuv1b .automation-body:where(.svelte-12tuv1b)>.auto-node:where(.svelte-12tuv1b):first-of-type{transform:translate(-3px)}.has-mock-preview:hover [data-svc-variant=automation].svelte-12tuv1b .automation-body:where(.svelte-12tuv1b)>.auto-node:where(.svelte-12tuv1b):last-of-type{transform:translate(3px)}.infra-stack.svelte-12tuv1b{flex-direction:column;gap:10px;min-height:96px;display:flex}.infra-tier.svelte-12tuv1b{background:var(--color-bg-3);border:1px solid var(--color-line-1);border-radius:4px;height:22px;transition:transform .55s cubic-bezier(.16,1,.35,1),width .58s cubic-bezier(.16,1,.35,1),border-color .42s;position:relative}.infra-tier.svelte-12tuv1b:nth-child(2){border-color:color-mix(in srgb, var(--mock-accent) 35%, transparent);width:92%;margin:0 auto}.infra-tier.svelte-12tuv1b:nth-child(3){width:78%;margin:0 auto}.has-mock-preview:hover [data-svc-variant=infra].svelte-12tuv1b .infra-tier:where(.svelte-12tuv1b):first-child{width:calc(100% - 12px);transform:translate(-4px)}.has-mock-preview:hover [data-svc-variant=infra].svelte-12tuv1b .infra-tier:where(.svelte-12tuv1b):nth-child(2){width:82%;transform:translateY(1px)}.has-mock-preview:hover [data-svc-variant=infra].svelte-12tuv1b .infra-tier:where(.svelte-12tuv1b):nth-child(3){width:64%;transform:translate(5px,1px)}.infra-label.svelte-12tuv1b{font-size:7px;font-family:var(--font-mono);letter-spacing:.06em;color:var(--color-fg-4);text-transform:uppercase;position:absolute;top:50%;left:8px;translate:0 -50%}.platform-body.svelte-12tuv1b{justify-content:space-between;align-items:flex-end;gap:8px;min-height:96px;display:flex}.platform-col.svelte-12tuv1b{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.platform-col.align-end.svelte-12tuv1b{text-align:right;align-items:flex-end}.platform-tag.svelte-12tuv1b{font-size:7px;font-family:var(--font-mono);color:var(--color-fg-4);text-transform:uppercase;letter-spacing:.06em;width:100%}.platform-col.align-end.svelte-12tuv1b .platform-tag:where(.svelte-12tuv1b){text-align:right}.platform-tag.muted.svelte-12tuv1b{opacity:.72}.platform-stack.svelte-12tuv1b{background:color-mix(in srgb, var(--mock-accent) 12%, var(--color-bg-3));border:1px solid var(--color-line-2);border-radius:4px;width:100%;height:40px;transition:transform .55s cubic-bezier(.16,1,.35,1),border-color .42s}.platform-stack.small.svelte-12tuv1b{height:32px}.platform-col.align-end.svelte-12tuv1b .platform-stack:where(.svelte-12tuv1b){max-width:100%}.has-mock-preview:hover [data-svc-variant=platform].svelte-12tuv1b .platform-stack:where(.svelte-12tuv1b){transform:translateY(-2px)}.platform-flow.svelte-12tuv1b{flex-shrink:0;align-items:center;gap:3px;padding-bottom:10px;display:flex}.platform-arrow.svelte-12tuv1b{color:var(--color-fg-4);font-size:9px;font-family:var(--font-mono);opacity:.6;transition:transform .45s cubic-bezier(.16,1,.35,1),opacity .35s}.has-mock-preview:hover [data-svc-variant=platform].svelte-12tuv1b .platform-flow:where(.svelte-12tuv1b) .platform-arrow:where(.svelte-12tuv1b):first-of-type{opacity:.92;transform:translate(4px)}.has-mock-preview:hover [data-svc-variant=platform].svelte-12tuv1b .platform-flow:where(.svelte-12tuv1b) .platform-arrow:where(.svelte-12tuv1b):last-of-type{opacity:.92;transform:translate(3px)}.platform-shield.svelte-12tuv1b{border:1px solid color-mix(in srgb, var(--mock-accent) 55%, transparent);background:color-mix(in srgb, var(--mock-accent) 14%, transparent);width:26px;height:32px;box-shadow:0 0 16px color-mix(in srgb, var(--mock-accent) 15%, transparent);transform-origin:50%;border-radius:4px;transition:transform .55s cubic-bezier(.16,1,.35,1),border-color .4s,box-shadow .45s}.has-mock-preview:hover [data-svc-variant=platform].svelte-12tuv1b .platform-shield:where(.svelte-12tuv1b){border-color:color-mix(in srgb, var(--mock-accent) 82%, transparent);box-shadow:0 0 26px color-mix(in srgb, var(--mock-accent) 28%, transparent);transform:scale(1.14)}.migration-body.svelte-12tuv1b{justify-content:space-between;align-items:center;gap:8px;min-height:96px;display:flex}.mig-before.svelte-12tuv1b{flex-direction:column;flex:1;gap:5px;display:flex}.mig-noise.svelte-12tuv1b{background:repeating-linear-gradient(90deg, var(--color-bg-3) 0px, var(--color-bg-3) 4px, var(--color-line-1) 4px, var(--color-line-1) 8px);opacity:.9;border:1px solid var(--color-line-2);border-radius:2px;width:100%;height:8px;transition:opacity .42s,transform .45s cubic-bezier(.16,1,.35,1)}.mig-noise.mid.svelte-12tuv1b{width:88%;height:7px}.mig-noise.wide.svelte-12tuv1b{opacity:.72;width:100%;height:9px}.mig-arrow.svelte-12tuv1b{color:color-mix(in srgb, var(--mock-accent) 80%, var(--color-fg-4));font-size:12px;font-family:var(--font-mono);flex-shrink:0;transition:transform .55s cubic-bezier(.16,1,.35,1)}.has-mock-preview:hover [data-svc-variant=migration].svelte-12tuv1b .mig-before:where(.svelte-12tuv1b) .mig-noise:where(.svelte-12tuv1b){opacity:.48;transform:translate(-2px)}.has-mock-preview:hover [data-svc-variant=migration].svelte-12tuv1b .mig-arrow:where(.svelte-12tuv1b){transform:translate(8px)}.mig-after.svelte-12tuv1b{flex-direction:column;flex:1;gap:10px;display:flex}.mig-clean.svelte-12tuv1b{background:color-mix(in srgb, var(--mock-accent) 16%, var(--color-bg-3));border:1px solid color-mix(in srgb, var(--mock-accent) 30%, transparent);border-radius:3px;width:100%;height:12px;transition:transform .52s cubic-bezier(.16,1,.35,1),width .52s cubic-bezier(.16,1,.35,1)}.mig-clean.narrow.svelte-12tuv1b{width:68%;height:9px}.has-mock-preview:hover [data-svc-variant=migration].svelte-12tuv1b .mig-clean:where(.svelte-12tuv1b){transform:translate(5px)}.has-mock-preview:hover [data-svc-variant=migration].svelte-12tuv1b .mig-clean.narrow:where(.svelte-12tuv1b){width:82%;transform:translate(8px)}.growth-body.svelte-12tuv1b{min-height:96px}.growth-bars.svelte-12tuv1b{align-items:flex-end;gap:5px;height:62px;margin-bottom:10px;padding-top:4px;display:flex}.growth-bar.svelte-12tuv1b{background:var(--color-bg-3);border:1px solid color-mix(in srgb, var(--mock-accent) 28%, transparent);transform-origin:bottom;border-bottom:none;border-radius:3px 3px 0 0;flex:1;transition:height .58s cubic-bezier(.16,1,.35,1)}.growth-bar.one.svelte-12tuv1b{height:36%}.growth-bar.two.svelte-12tuv1b{background:color-mix(in srgb, var(--mock-accent) 18%, var(--color-bg-3));height:72%}.growth-bar.three.svelte-12tuv1b{height:54%}.growth-bar.four.svelte-12tuv1b{background:color-mix(in srgb, var(--mock-accent) 24%, var(--color-bg-3));height:90%}.has-mock-preview:hover [data-svc-variant=growth].svelte-12tuv1b .growth-bar.one:where(.svelte-12tuv1b){height:58%}.has-mock-preview:hover [data-svc-variant=growth].svelte-12tuv1b .growth-bar.two:where(.svelte-12tuv1b){height:41%}.has-mock-preview:hover [data-svc-variant=growth].svelte-12tuv1b .growth-bar.three:where(.svelte-12tuv1b){height:93%}.has-mock-preview:hover [data-svc-variant=growth].svelte-12tuv1b .growth-bar.four:where(.svelte-12tuv1b){height:71%}.growth-spark.svelte-12tuv1b{border-bottom:1px solid var(--color-line-2);justify-content:space-between;align-items:flex-end;height:20px;padding:0 2px;display:flex}.spark-dot.svelte-12tuv1b{background:color-mix(in srgb, var(--mock-accent) 70%, transparent);width:4px;height:4px;transform:translateY(calc(var(--spark-y,0) * 1px));border-radius:1px;transition:transform .62s cubic-bezier(.16,1,.35,1),opacity .45s}.has-mock-preview:hover [data-svc-variant=growth].svelte-12tuv1b .spark-dot:where(.svelte-12tuv1b){transform:translateY(calc((var(--spark-y,0) - 4) * 1px));opacity:1}.spark-dot.svelte-12tuv1b:first-child{--spark-y:-12}.spark-dot.svelte-12tuv1b:nth-child(2){--spark-y:-6}.spark-dot.svelte-12tuv1b:nth-child(3){--spark-y:-14}.spark-dot.svelte-12tuv1b:nth-child(4){--spark-y:-4}.spark-dot.svelte-12tuv1b:nth-child(5){--spark-y:-10}.spark-dot.svelte-12tuv1b:nth-child(6){--spark-y:-8}@media (prefers-reduced-motion:reduce){.interactive-svc-mock.svelte-12tuv1b{transition:none}.has-mock-preview:hover .interactive-svc-mock.svelte-12tuv1b{transform:none}.svc-dot.svelte-12tuv1b{transition:none}.growth-bar.svelte-12tuv1b,.auto-node.svelte-12tuv1b,.auto-line.svelte-12tuv1b,.infra-tier.svelte-12tuv1b,.svc-row.svelte-12tuv1b,.platform-arrow.svelte-12tuv1b,.platform-shield.svelte-12tuv1b,.platform-stack.svelte-12tuv1b,.mig-noise.svelte-12tuv1b,.mig-arrow.svelte-12tuv1b,.mig-clean.svelte-12tuv1b{transition:none;animation:none}.has-mock-preview:hover [data-svc-variant=growth].svelte-12tuv1b .spark-dot:where(.svelte-12tuv1b){transform:translateY(calc(var(--spark-y,0) * 1px))}.has-mock-preview:hover [data-svc-variant=webapp].svelte-12tuv1b .webapp-chip:where(.svelte-12tuv1b):hover{animation:none;transform:none}.svc-nav.svelte-12tuv1b{transition:none}}.service-card.svelte-on9jh5{gap:0;padding:0;text-decoration:none;overflow:hidden}.card-visual.svelte-on9jh5{border-bottom:1px solid var(--color-line-1);filter:saturate(0)contrast(1.08);justify-content:center;align-items:center;min-height:216px;padding:20px 16px;transition:filter .65s cubic-bezier(.16,1,.35,1);display:flex;position:relative;overflow:hidden}.service-card.svelte-on9jh5:hover .card-visual:where(.svelte-on9jh5){filter:saturate()}.svc-preview-grid.svelte-on9jh5{pointer-events:none;will-change:transform;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.card-content.svelte-on9jh5{flex-direction:column;flex:1;gap:14px;padding:24px 26px 26px;display:flex}.tags.svelte-on9jh5{flex-wrap:wrap;gap:6px;display:flex}@media (prefers-reduced-motion:reduce){.card-visual.svelte-on9jh5{filter:saturate();transition:none}}
