@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--color-neutral-0:#fff;--color-neutral-50:#fafafa;--color-neutral-100:#f4f4f5;--color-neutral-200:#e4e4e7;--color-neutral-300:#d4d4d8;--color-neutral-400:#a1a1aa;--color-neutral-500:#71717a;--color-neutral-600:#52525b;--color-neutral-700:#3f3f46;--color-neutral-800:#27272a;--color-neutral-900:#1a1d2e;--color-neutral-950:#0f111a;--reveal-slate:#0f172a;--reveal-slate-elevated:#1e293b;--reveal-slate-muted:#334155;--paper-bg:#faf9f5;--paper-bg-elevated:#fff;--paper-bg-muted:#f0eee6;--paper-ink:#1c1917;--paper-ink-muted:#57534e;--paper-ink-faint:#78716c;--paper-border:#e7e5e0;--paper-border-strong:#d6d3cd;--color-brand-100:#dbeafe;--color-brand-200:#bfdbfe;--color-brand-300:#93c5fd;--color-brand-400:#60a5fa;--color-brand-500:#3b82f6;--color-brand-600:#2563eb;--color-brand-700:#1d4ed8;--color-brand-800:#1e40af;--color-brand-900:#1e3a8a;--color-accent-100:#fef3c7;--color-accent-200:#fde68a;--color-accent-300:#fcd34d;--color-accent-400:#fbbf24;--color-accent-500:#f59e0b;--color-accent-600:#d97706;--color-accent-700:#b45309;--color-accent-800:#92400e;--color-success-500:#10b981;--color-warning-500:#f59e0b;--color-error-500:#ef4444;--reveal-emerald:#10b981;--reveal-violet:#8b5cf6;--reveal-amber:#f59e0b;--pillar-trust-500:#4a9eff;--pillar-trust-400:#7bb8ff;--pillar-trust-600:#2563eb;--pillar-trust-glow:#4a9eff66;--pillar-patience-500:#2dd4bf;--pillar-patience-400:#5eead4;--pillar-patience-600:#14b8a6;--pillar-patience-glow:#2dd4bf66;--pillar-curiosity-500:#a78bfa;--pillar-curiosity-400:#c4b5fd;--pillar-curiosity-600:#8b5cf6;--pillar-curiosity-glow:#a78bfa66;--pillar-confidence-500:#fb923c;--pillar-confidence-400:#fdba74;--pillar-confidence-600:#f97316;--pillar-confidence-glow:#fb923c66;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--font-sans:system-ui, -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", Monaco, "Cascadia Code", "Roboto Mono", "Courier New", monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--radius-none:0;--radius-sm:.375rem;--radius-base:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-3xl:2.5rem;--radius-full:9999px;--shadow-sm:0 2px 8px 0 #0000000a;--shadow-base:0 2px 12px 0 #00000014;--shadow-md:0 4px 16px 0 #0000001f;--shadow-lg:0 8px 24px 0 #00000029;--shadow-xl:0 12px 32px 0 #0003;--shadow-glow:0 0 32px 0;--space-content-gap:var(--space-6);--space-section-gap:var(--space-16);--space-container-padding:var(--space-6);--space-inline-gap:var(--space-4);--type-display:var(--font-size-5xl);--type-heading-1:var(--font-size-4xl);--type-heading-2:var(--font-size-3xl);--type-heading-3:var(--font-size-2xl);--type-body-large:var(--font-size-lg);--type-body:var(--font-size-base);--type-body-small:var(--font-size-sm);--type-caption:var(--font-size-xs);--color-pillar-trust:var(--pillar-trust-500);--color-pillar-patience:var(--pillar-patience-500);--color-pillar-curiosity:var(--pillar-curiosity-500);--color-pillar-confidence:var(--pillar-confidence-500);--color-feedback-success:var(--color-success-500);--color-feedback-warning:var(--color-warning-500);--color-feedback-error:var(--color-error-500)}:root,[data-brand=loopsi]{--color-surface-primary:var(--reveal-slate);--color-surface-secondary:var(--reveal-slate-elevated);--color-surface-tertiary:var(--reveal-slate-muted);--color-surface-inverse:var(--paper-bg);--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-text-inverse:var(--reveal-slate);--color-border-default:#94a3b82e;--color-border-emphasis:#94a3b852;--color-interactive-primary:var(--reveal-violet);--color-interactive-primary-hover:#7c3aed;--color-interactive-primary-active:#6d28d9;--color-interactive-secondary:#94a3b81f;--color-interactive-secondary-hover:#94a3b833;--color-accent-emerald:var(--reveal-emerald);--color-accent-violet:var(--reveal-violet);--color-accent-amber:var(--reveal-amber);--color-gradient-cta:linear-gradient(135deg, var(--reveal-violet) 0%, var(--reveal-amber) 100%);--color-gradient-mark:linear-gradient(135deg, var(--reveal-emerald) 0%, var(--reveal-violet) 50%, var(--reveal-amber) 100%);--shadow-pack:0 8px 32px #00000059;--shadow-cta:0 4px 20px #8b5cf659;--button-primary-bg:var(--color-interactive-primary);--button-primary-bg-hover:var(--color-interactive-primary-hover);--button-primary-text:#fff;--button-secondary-bg:var(--color-interactive-secondary);--button-secondary-bg-hover:var(--color-interactive-secondary-hover);--button-secondary-text:var(--color-text-primary);--card-padding:var(--space-8);--card-radius:var(--radius-xl);--card-border:1px solid var(--color-border-default);--card-shadow:var(--shadow-pack);--card-bg:var(--color-surface-secondary);--button-padding-x:var(--space-6);--button-padding-y:var(--space-3);--button-radius:var(--radius-lg);--button-font-size:var(--font-size-base);--button-font-weight:var(--font-weight-medium);--feature-padding:var(--space-12);--feature-gap:var(--space-8);--feature-radius:var(--radius-2xl);--feature-bg:var(--color-surface-secondary);--feature-border:1px solid var(--color-border-default)}[data-brand=paper]{--color-surface-primary:var(--paper-bg);--color-surface-secondary:var(--paper-bg-elevated);--color-surface-tertiary:var(--paper-bg-muted);--color-surface-inverse:var(--reveal-slate);--color-text-primary:var(--paper-ink);--color-text-secondary:var(--paper-ink-muted);--color-text-tertiary:var(--paper-ink-faint);--color-text-inverse:var(--paper-bg);--color-border-default:var(--paper-border);--color-border-emphasis:var(--paper-border-strong);--color-interactive-primary:#7c3aed;--color-interactive-primary-hover:#6d28d9;--color-interactive-primary-active:#5b21b6;--color-interactive-secondary:#1c19170f;--color-interactive-secondary-hover:#1c19171a;--color-accent-emerald:#059669;--color-accent-violet:#7c3aed;--color-accent-amber:#d97706;--color-gradient-cta:linear-gradient(135deg, #7c3aed 0%, #d97706 100%);--color-gradient-mark:linear-gradient(135deg, #059669 0%, #7c3aed 50%, #d97706 100%);--shadow-pack:0 8px 28px #1c191714;--shadow-cta:0 4px 18px #7c3aed40;--button-primary-bg:var(--color-interactive-primary);--button-primary-bg-hover:var(--color-interactive-primary-hover);--button-primary-text:#fff;--button-secondary-bg:var(--color-interactive-secondary);--button-secondary-bg-hover:var(--color-interactive-secondary-hover);--button-secondary-text:var(--color-text-primary);--card-padding:var(--space-8);--card-radius:var(--radius-xl);--card-border:1px solid var(--color-border-default);--card-shadow:var(--shadow-pack);--card-bg:var(--color-surface-secondary);--button-padding-x:var(--space-6);--button-padding-y:var(--space-3);--button-radius:var(--radius-lg);--button-font-size:var(--font-size-base);--button-font-weight:var(--font-weight-medium);--feature-padding:var(--space-12);--feature-gap:var(--space-8);--feature-radius:var(--radius-2xl);--feature-bg:var(--color-surface-secondary);--feature-border:1px solid var(--color-border-default)}:root{--qd-ink:var(--color-text-primary);--qd-ink-soft:var(--color-text-secondary);--qd-ink-mute:var(--color-text-tertiary);--qd-ink-faint:var(--color-text-tertiary);--qd-rule:var(--color-border-default);--qd-rule-soft:var(--color-border-default);--qd-beige:var(--color-surface-secondary);--qd-beige-2:var(--color-surface-tertiary);--qd-surface:var(--color-surface-primary);--qd-surface-2:var(--color-surface-secondary);--qd-surface-3:var(--color-surface-tertiary);--qd-text:var(--color-text-primary);--qd-text-muted:var(--color-text-secondary);--qd-text-faint:var(--color-text-tertiary);--qd-border:var(--color-border-default);--qd-accent:var(--color-accent-emerald);--qd-accent-2:var(--color-accent-violet);--qd-accent-hot:var(--color-accent-amber);--qd-warn:var(--color-feedback-warning);--qd-danger:var(--color-feedback-error);--qd-ok:var(--color-feedback-success);--qd-focus:var(--color-accent-violet);--qd-on-accent:#fff;--qd-shadow:var(--shadow-pack);--qd-code-bg:var(--color-neutral-950);--qd-code-fg:#e2e8f0;--qd-nav-bg:color-mix(in srgb, var(--color-surface-primary) 82%, transparent);--qd-meter-track:var(--color-surface-tertiary);--qd-meter-fill:var(--qd-accent);--qd-chip-bg:var(--color-surface-tertiary);--qd-radius-sm:var(--radius-sm);--qd-radius-md:var(--radius-base);--qd-radius-lg:var(--radius-md);--qd-radius-xl:var(--radius-lg);--qd-radius-full:var(--radius-full);--qd-font-sans:"Inter", var(--font-sans);--qd-font-mono:"IBM Plex Mono", var(--font-mono);--qd-space-1:var(--space-1);--qd-space-2:var(--space-2);--qd-space-3:var(--space-3);--qd-space-4:var(--space-4);--qd-space-5:var(--space-5);--qd-space-6:var(--space-6);--qd-space-8:var(--space-8);--qd-space-10:var(--space-10);--qd-space-12:var(--space-12);--qd-space-16:var(--space-16);--qd-space-20:var(--space-20);--qd-max:1120px;--qd-gradient-mark:var(--color-gradient-mark);--qd-gradient-cta:var(--color-gradient-cta)}body{min-height:100vh;font-family:"Inter", var(--font-sans);background:var(--color-surface-primary);color:var(--color-text-primary);line-height:var(--line-height-normal);margin:0;transition:background .25s,color .25s}.wrap{width:min(1120px,100% - 2.5rem);margin-inline:auto}.topbar{z-index:40;backdrop-filter:blur(12px);background:color-mix(in srgb, var(--color-surface-primary) 82%, transparent);border-bottom:1px solid var(--color-border-default);position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;width:min(1120px,100% - 2.5rem);margin-inline:auto;display:flex}.wordmark{font-weight:800;font-size:var(--font-size-lg);letter-spacing:-.04em;color:var(--color-text-primary);background:var(--color-gradient-mark);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;text-decoration:none}.loopsi-lockup{color:inherit;align-items:center;gap:.5rem;line-height:1;text-decoration:none;display:inline-flex}.loopsi-lockup:hover{opacity:.92}.loopsi-lockup__mark{background:var(--qd-gradient-mark,var(--color-gradient-mark));color:#fff;border-radius:.38rem;flex-shrink:0;justify-content:center;align-items:center;width:1.35rem;height:1.35rem;display:inline-flex;box-shadow:inset 0 1px #ffffff61}.loopsi-lockup__inf{width:72%;height:auto;display:block}.loopsi-lockup__word{font-weight:800;font-size:var(--font-size-lg);letter-spacing:-.04em;background-image:var(--qd-gradient-mark,var(--color-gradient-mark));-webkit-text-fill-color:transparent;color:#0000;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-repeat:no-repeat;background-size:100% 100%;-webkit-background-clip:text;background-clip:text;line-height:1.1;display:inline-block}@supports not ((-webkit-background-clip:text) or (background-clip:text)){.loopsi-lockup__word{color:var(--color-accent-emerald,#10b981);-webkit-text-fill-color:unset;background-image:none}}.loopsi-lockup--sm{gap:.4rem}.loopsi-lockup--sm .loopsi-lockup__mark{border-radius:.32rem;width:1.15rem;height:1.15rem}.loopsi-lockup--sm .loopsi-lockup__word{font-size:var(--font-size-base,1rem)}.loopsi-lockup--lg{gap:.65rem}.loopsi-lockup--lg .loopsi-lockup__mark{border-radius:.45rem;width:1.75rem;height:1.75rem}.loopsi-lockup--lg .loopsi-lockup__word{font-size:var(--font-size-2xl,1.75rem)}.brand-lockup-stage .loopsi-lockup--lg .loopsi-lockup__mark{opacity:.95;box-shadow:inset 0 1px #ffffff52}.loopsi-living-preview{width:5.5rem;height:5.5rem;color:var(--color-text-secondary);justify-content:center;align-items:center;display:inline-flex}.loopsi-living-preview svg{width:100%;height:100%;display:block}.topbar-nav{align-items:center;gap:var(--space-5);display:flex}.topbar-nav a{color:var(--color-text-secondary);font-size:var(--font-size-sm);letter-spacing:.01em;font-weight:600;text-decoration:none}.topbar-nav a:hover,.topbar-nav a[aria-current=page]{color:var(--color-text-primary)}.topbar-actions{align-items:center;gap:var(--space-3);display:flex}.brand-switch{border-radius:var(--radius-full);border:1px solid var(--color-border-default);background:var(--color-surface-secondary);padding:3px;display:inline-flex}.brand-switch button{appearance:none;color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-sm);border-radius:var(--radius-full);cursor:pointer;background:0 0;border:0;padding:.4rem .85rem;font-weight:600;transition:background .15s,color .15s}.brand-switch button[aria-pressed=true]{background:var(--color-interactive-primary);color:#fff}.brand-switch button:hover:not([aria-pressed=true]){color:var(--color-text-primary)}.btn{padding:var(--button-padding-y) var(--button-padding-x);border-radius:var(--button-radius);font-size:var(--button-font-size);font-weight:var(--button-font-weight);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--color-gradient-cta);color:var(--qd-on-accent,#fff);box-shadow:var(--shadow-cta)}.btn-primary:hover{box-shadow:0 6px 28px #8b5cf673}.btn-secondary{background:var(--button-secondary-bg);color:var(--button-secondary-text);border-color:var(--color-border-emphasis)}.btn-secondary:hover{background:var(--button-secondary-bg-hover)}.btn-ghost{color:var(--color-text-secondary);border-color:var(--color-border-default);background:0 0}.btn-ghost:hover{color:var(--color-text-primary);border-color:var(--color-border-emphasis)}.btn-sm{font-size:var(--font-size-sm);padding:.45rem .9rem}.site-footer{border-top:1px solid var(--color-border-default);padding:var(--space-8) 0 var(--space-10)}.footer-inner{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.footer-links{gap:var(--space-5);flex-wrap:wrap;display:flex}.footer-links a{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;text-decoration:none}.footer-links a:hover{color:var(--color-text-primary)}.footer-copy{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}@media (width<=720px){.topbar-nav{display:none}}@media (width<=560px){.topbar-inner{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.footer-made{color:var(--color-text-secondary);margin-left:.35rem;text-decoration:none}.footer-made:hover{color:var(--color-text-primary);text-decoration:underline}