.sys-story{background:var(--background)}.sys-story .sys-display{font-family:var(--font-display),"Exo 2",sans-serif}.sys-story .sys-mono{font-family:ui-monospace,Cascadia Code,IBM Plex Mono,Noto Kufi Arabic,monospace;font-variant-ligatures:none}.sys-journey-hero{min-height:78svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-block:5rem 3rem}.sys-journey-hero .sys-kicker{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--border);background:var(--paper);padding:.4rem .9rem;font-size:.8rem;font-weight:700;color:var(--text-secondary);box-shadow:0 8px 24px rgba(16,33,11,.05)}.sys-journey-step{min-height:100svh;display:grid;align-items:center;gap:2.25rem;padding-block:4.5rem 3rem;scroll-margin-top:4.5rem}@media (min-width:1024px){.sys-journey-step{grid-template-columns:minmax(16rem,.78fr) minmax(0,1.55fr);gap:4.5rem}}.sys-journey-copy{max-width:28rem}.sys-step-badge{display:inline-grid;place-items:center;width:2.65rem;height:2.65rem;border-radius:999px;background:var(--brand-lime);color:var(--ink-strong);font-family:var(--font-display),"Exo 2",sans-serif;font-size:.92rem;font-weight:900;letter-spacing:-.04em;margin-bottom:1.15rem;box-shadow:0 10px 24px color-mix(in srgb,var(--brand-lime) 45%,transparent)}.sys-journey-step.is-current .sys-step-badge{transform:scale(1.04)}.sys-accent{color:var(--brand-dark-green);font-weight:800}.sys-details{margin-top:1.25rem;border-top:1px solid var(--border);padding-top:.85rem}.sys-details summary{cursor:pointer;list-style:none;font-size:.8rem;font-weight:700;color:var(--text-muted)}.sys-details summary::-webkit-details-marker{display:none}.sys-details[open] summary{color:var(--brand-dark-green)}.sys-mock-frame{height:min(58svh,32rem)}@media (min-width:1024px){.sys-mock-frame{height:min(78svh,44rem)}}.sys-product{height:100%;min-height:0;background:var(--paper);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);border-radius:1.35rem;box-shadow:0 28px 80px rgba(16,33,11,.12),0 2px 10px rgba(16,33,11,.05);overflow:hidden}.sys-journey-step.is-current .sys-product{animation:sys-stage-in .52s cubic-bezier(.22,1,.36,1) both}.sys-appbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem 1rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--paper) 88%,var(--soft))}.sys-live-dot{width:.45rem;height:.45rem;border-radius:999px;background:var(--success);box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 18%,transparent)}.sys-device{width:min(100%,22.5rem);height:100%;margin-inline:auto;padding:.55rem;border-radius:2.5rem;background:#11150f;box-shadow:0 32px 70px rgba(16,33,11,.28),inset 0 0 0 1px rgba(255,255,255,.08)}.sys-device-screen{height:100%;border-radius:2rem;overflow:hidden;background:#efeae2;display:flex;flex-direction:column}.sys-wa-wallpaper{background-color:#efeae2;background-image:radial-gradient(circle at 12% 18%,rgba(16,33,11,.04) 0 1px,transparent 1.5px),radial-gradient(circle at 72% 64%,rgba(16,33,11,.035) 0 1px,transparent 1.5px);background-size:18px 18px}.sys-row{animation:sys-row-in .42s ease both}.sys-scan{position:relative;overflow:hidden}.sys-scan:after{content:"";position:absolute;inset-block:0;inset-inline-start:-30%;width:30%;background:linear-gradient(to left,transparent,color-mix(in srgb,var(--brand-lime) 28%,transparent),transparent);animation:sys-scan-run 2.8s ease-in-out infinite;pointer-events:none}[dir=ltr] .sys-scan:after{background:linear-gradient(to right,transparent,color-mix(in srgb,var(--brand-lime) 28%,transparent),transparent)}.sys-bubble-in,.sys-bubble-out{animation:sys-row-in .5s ease both}.sys-tech{list-style:none;border:1px solid var(--border);background:var(--paper);color:var(--text-muted);border-radius:999px;padding:.22rem .65rem;font-size:11px;font-weight:700;line-height:1.3}.sys-tech.is-lit{border-color:color-mix(in srgb,var(--brand-green) 55%,var(--border));background:var(--soft);color:var(--ink-strong)}@keyframes sys-row-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sys-stage-in{0%{opacity:.35;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}@keyframes sys-scan-run{0%{inset-inline-start:-35%}to{inset-inline-start:110%}}@media (prefers-reduced-motion:reduce){.sys-bubble-in,.sys-bubble-out,.sys-journey-step.is-current .sys-product,.sys-journey-step.is-current .sys-step-badge,.sys-row,.sys-scan:after{animation:none!important;transform:none!important}.sys-bubble-in,.sys-bubble-out,.sys-row{opacity:1}}