@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&family=Roboto+Mono:wght@400;500&display=swap";@import"https://fonts.cdnfonts.com/css/product-sans";:root{--bg-canvas: #fffcf9;--bg-card-white: #ffffff;--bg-card-peach: #fff0e3;--bg-card-sage: #e8f0e0;--bg-card-blue: #e0eff5;--bg-ambient-1: rgba(255, 240, 227, .4);--bg-ambient-2: rgba(232, 240, 224, .4);--bg-ambient-3: rgba(224, 239, 245, .4);--bg-chrome: rgba(255,252,249,.88);--text-primary: #1a1a1a;--text-secondary: #666666;--text-tertiary: #999999;--accent-black: #000000;--accent-indigo: rgba(99, 102, 241, 1);--accent-indigo-soft: rgba(99, 102, 241, .15);--border-subtle: rgba(0, 0, 0, .04);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px;--radius-pill: 999px;--shadow-soft: 0 8px 32px rgba(0, 0, 0, .03);--shadow-card: 0 4px 12px rgba(0, 0, 0, .02);--shadow-card-hover: 0 12px 36px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04);--shadow-panel: 0 12px 48px rgba(0, 0, 0, .12), 0 4px 16px rgba(0, 0, 0, .06);--shadow-connection-label: 0 4px 16px rgba(99, 102, 241, .12), 0 2px 6px rgba(0, 0, 0, .06);--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .28s;--duration-slow: .4s;--duration-entrance: .45s;--transition-card: transform var(--duration-fast) var(--ease-out-expo), box-shadow var(--duration-fast) var(--ease-out-expo);--transition-panel: opacity var(--duration-normal) var(--ease-out-expo), transform var(--duration-normal) var(--ease-out-expo);--transition-nav: background-color var(--duration-fast) var(--ease-out-expo), color var(--duration-fast) var(--ease-out-expo), box-shadow var(--duration-fast) var(--ease-out-expo)}.font-serif{font-family:Playfair Display,Times New Roman,serif}.font-mono{font-family:Roboto Mono,JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--duration-entrance: 0ms}}.canvas-app-root{cursor:url(/landing_assets/canvas-cursor-purple.png),auto}.canvas-app-root button,.canvas-app-root [role=button],.canvas-app-root a{cursor:url(/landing_assets/canvas-cursor-purple.png),pointer}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{font-family:Product Sans,sans-serif;background-color:var(--bg-canvas);color:var(--text-primary);min-height:100vh;overflow-y:auto;animation:body-fade-in var(--duration-slow) var(--ease-out-expo) forwards}@keyframes body-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){body{animation:none}}#root{height:100%}.canvas-dot-grid{background-image:radial-gradient(circle,rgba(0,0,0,.06) 1px,transparent 1px);background-size:24px 24px}.main-canvas{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.main-canvas::-webkit-scrollbar{width:8px}.main-canvas::-webkit-scrollbar-track{background:transparent}.main-canvas::-webkit-scrollbar-thumb{background:#00000026;border-radius:var(--radius-pill)}.main-canvas::-webkit-scrollbar-thumb:hover{background:#00000040}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:page-enter var(--duration-normal) var(--ease-out-expo) forwards}@media(prefers-reduced-motion:reduce){.page-enter{animation:none}}@keyframes cluster-enter{0%{opacity:0;transform:scale(.96) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}.cluster-enter{animation:cluster-enter var(--duration-entrance) var(--ease-spring) forwards}@media(prefers-reduced-motion:reduce){.cluster-enter{animation:none}}@keyframes card-enter{0%{opacity:0;transform:translateY(20px) scale(.94) rotate(var(--card-tilt, 2deg))}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.card-enter{animation:card-enter var(--duration-normal) var(--ease-out-expo) forwards}@media(prefers-reduced-motion:reduce){.card-enter{animation:none}}@keyframes panel-enter{0%{opacity:0;transform:translate(20px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}.panel-enter{animation:panel-enter var(--duration-entrance) var(--ease-spring) forwards}@media(prefers-reduced-motion:reduce){.panel-enter{animation:none}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-shimmer{background:linear-gradient(90deg,var(--bg-canvas) 0%,rgba(255,255,255,.8) 50%,var(--bg-canvas) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.loading-shimmer{animation:none}}@keyframes cluster-skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(200%)}}.cluster-skeleton-shimmer{background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);animation:cluster-skeleton-sweep 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.cluster-skeleton-shimmer{animation:none}}@keyframes quick-capture-enter{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.quick-capture-enter{animation:quick-capture-enter var(--duration-normal) var(--ease-out-expo) .15s forwards}@media(prefers-reduced-motion:reduce){.quick-capture-enter{animation:none}}@keyframes ambient-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(2%,1%) scale(1.02)}66%{transform:translate(-1%,2%) scale(.98)}}.ambient-blur{animation:ambient-float 20s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.ambient-blur{animation:none}}.sidebar-brand:hover{opacity:.9;transform:scale(1.02)}.sidebar-brand{transition:opacity var(--duration-fast) var(--ease-out-expo),transform var(--duration-fast) var(--ease-out-expo)}@media(prefers-reduced-motion:reduce){.sidebar-brand:hover{transform:none}}.sidebar-nav-item{transition:var(--transition-nav)}@keyframes nav-label-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav-section-label{animation:nav-label-enter var(--duration-normal) var(--ease-out-expo) .08s forwards}@media(prefers-reduced-motion:reduce){.nav-section-label{animation:none}}.reference-card{transition:transform var(--duration-fast) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo),background-color var(--duration-normal) var(--ease-out-expo);background-color:transparent!important;box-shadow:none}.reference-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);background-color:var(--card-bg)!important}.reference-card .card-image-wrapper img{transition:transform var(--duration-slow) var(--ease-out-expo)}.reference-card:hover .card-image-wrapper img{transform:scale(1.05)}@media(prefers-reduced-motion:reduce){.reference-card:hover,.reference-card:hover .card-image-wrapper img{transform:none}}.card-info{max-height:0;opacity:0;overflow:hidden;padding:0 12px;display:flex;flex-direction:column;gap:4;transition:max-height var(--duration-normal) var(--ease-out-expo),opacity var(--duration-normal) var(--ease-out-expo),padding var(--duration-normal) var(--ease-out-expo)}.reference-card:hover .card-info{max-height:120px;opacity:1;padding:10px 12px 14px}.card-info h3{font-size:13px;font-weight:600;line-height:1.3;margin:0}.card-info p{font-size:11px;color:var(--text-secondary);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-info span{font-size:10px;color:var(--text-tertiary);margin-top:2px}.card-badge{opacity:0;transition:opacity var(--duration-normal) var(--ease-out-expo)}.reference-card:hover .card-badge{opacity:1}@keyframes wavy-badge-pulse{0%,to{opacity:1;transform:rotate(12deg) scale(1)}50%{opacity:.92;transform:rotate(12deg) scale(1.03)}}.wavy-badge{animation:wavy-badge-pulse 3s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.wavy-badge{animation:none}}.filter-tab{transition:background-color var(--duration-fast) var(--ease-out-expo),color var(--duration-fast) var(--ease-out-expo),transform var(--duration-fast) var(--ease-out-expo)}.filter-tab:hover,.filter-tab.active{transform:scale(1.02)}@media(prefers-reduced-motion:reduce){.filter-tab:hover,.filter-tab.active{transform:none}}@keyframes empty-state-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-state-enter{animation:empty-state-enter var(--duration-entrance) var(--ease-out-expo) .1s both}@media(prefers-reduced-motion:reduce){.empty-state-enter{animation:none}}.quick-capture-btn{transition:background-color var(--duration-fast) var(--ease-out-expo),transform var(--duration-fast) var(--ease-out-expo)}.quick-capture-btn:hover{transform:scale(1.08)}@media(prefers-reduced-motion:reduce){.quick-capture-btn:hover{transform:none}}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}.canvas-grabbing{cursor:grabbing}.cluster-container:hover .connection-handle{opacity:.6!important;transform:translate(-50%,-50%) scale(1)!important}.cluster-container .connection-handle:hover{opacity:1!important;transform:translate(-50%,-50%) scale(1.4)!important;background:var(--accent-indigo)!important;box-shadow:0 0 0 6px var(--accent-indigo-soft)!important}.cluster-card-wrapper:hover .detach-btn-layer{opacity:1!important}.cluster-container .connection-handle[style*="top: 50%"]{transform:translateY(-50%) scale(1)}.cluster-container:hover .connection-handle[style*="top: 50%"]{transform:translateY(-50%) scale(1)!important}.cluster-container .connection-handle[style*="top: 50%"]:hover{transform:translateY(-50%) scale(1.4)!important}@keyframes connection-dash-flow{to{stroke-dashoffset:-12}}@keyframes connection-glow-pulse{0%,to{opacity:.2}50%{opacity:.5}}@keyframes target-ring-pulse{0%,to{box-shadow:0 0 0 3px #6366f126,0 0 12px #6366f11a}50%{box-shadow:0 0 0 5px #6366f140,0 0 20px #6366f126}}.connection-target-ring{animation:target-ring-pulse 1.5s ease-in-out infinite;border-radius:12px}@media(prefers-reduced-motion:reduce){.connection-target-ring{animation:none;box-shadow:0 0 0 3px #6366f140}}@keyframes minimap-fade-in{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.minimap-enter{animation:minimap-fade-in var(--duration-slow) var(--ease-out-expo) .3s both}@media(prefers-reduced-motion:reduce){.minimap-enter{animation:none}}.btn-premium{padding:10px 24px;font-size:14px;font-weight:700;letter-spacing:-.01em;background:var(--text-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo);box-shadow:0 4px 12px #0000001a}.btn-premium:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026;background:#000}.btn-premium:active{transform:translateY(0)}.btn-premium:disabled{opacity:.5;cursor:not-allowed;transform:none}.empty-state-text{font-size:14px;color:var(--text-tertiary);font-weight:500;letter-spacing:.01em}@keyframes toast-enter{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-enter{animation:toast-enter var(--duration-normal) var(--ease-spring) forwards}@keyframes toast-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.95)}}.toast-exit{animation:toast-exit .2s ease-out forwards}@media(prefers-reduced-motion:reduce){.toast-enter,.toast-exit{animation:none}}@keyframes toolbar-enter{0%{opacity:0;transform:translate(-50%) translateY(16px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.toolbar-enter{animation:toolbar-enter var(--duration-entrance) var(--ease-spring) forwards}@media(prefers-reduced-motion:reduce){.toolbar-enter{animation:none}}@keyframes panel-exit{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(16px) scale(.98)}}.panel-exit{animation:panel-exit .2s var(--ease-in-out) forwards}@media(prefers-reduced-motion:reduce){.panel-exit{animation:none}}.panel-scroll{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.12) transparent}.panel-scroll::-webkit-scrollbar{width:6px}.panel-scroll::-webkit-scrollbar-track{background:transparent}.panel-scroll::-webkit-scrollbar-thumb{background:#0000001f;border-radius:var(--radius-pill)}.scatter-image{position:absolute;object-fit:cover;box-shadow:0 4px 20px #00000026;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);cursor:pointer}.scatter-image:hover{transform:scale(1.05) translateY(-5px)!important;box-shadow:0 12px 30px #00000040;z-index:10}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.waitlist-modal-enter{animation:modal-fade-in .3s cubic-bezier(.16,1,.3,1) forwards}.panel-scroll::-webkit-scrollbar-thumb:hover{background:#00000038}.action-btn-hover{transition:all var(--duration-fast) var(--ease-out-expo)}.action-btn-hover:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0000001a}.action-btn-hover:active{transform:translateY(0)}@keyframes connection-banner-enter{0%{opacity:0;transform:translate(-50%) translateY(16px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.connection-banner-enter{animation:connection-banner-enter var(--duration-normal) var(--ease-spring) forwards}@media(prefers-reduced-motion:reduce){.connection-banner-enter{animation:none}}.chrome-strip-sheen{position:relative}.chrome-strip-sheen:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.12) 25%,rgba(0,0,0,.06) 50%,rgba(99,102,241,.12) 75%,transparent 100%)}.logo-hover{transition:transform var(--duration-fast) var(--ease-spring),opacity var(--duration-fast) ease}.logo-hover:hover{transform:scale(1.06);opacity:.85}.logo-hover:active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){.logo-hover:hover,.logo-hover:active{transform:none}}@media(max-width:768px){.waitlist-modal-content{width:95%!important;padding:32px!important}.waitlist-modal-content h2{font-size:56px!important}h1{font-size:clamp(40px,15vw,120px)!important}.marketing-responsive-stack{flex-direction:column!important;align-items:center!important}.marketing-responsive-stack>div{width:100%!important}.scatter-image{width:clamp(80px,30vw,300px)!important}.landing-bento-grid{grid-template-columns:1fr!important;height:auto!important}.landing-bento-right-grid{grid-template-columns:1fr 1fr!important}.landing-features-grid{grid-template-columns:1fr!important}.landing-section-padding{padding-left:24px!important;padding-right:24px!important}.landing-bento-demo-container{min-height:400px!important}.landing-bento-demo-container>div{zoom:.6!important}.scatter-img-1{top:5vh!important;left:-15vw!important}.scatter-img-2{top:65vh!important;left:55vw!important}.scatter-img-3{top:75vh!important;left:-10vw!important}.scatter-img-4{top:40vh!important;left:65vw!important}.scatter-img-5{top:5vh!important;left:60vw!important}.landing-footer{padding:40px 24px!important;min-height:20vh!important;margin-top:40px!important}.landing-footer-stem{font-size:clamp(60px,25vw,200px)!important;transform:translateY(10%)!important}.landing-footer-links{margin-bottom:8px}.landing-hero-logo-wrap{left:0!important;right:0!important;transform:none!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important}.landing-hero-section .landing-hero-logo{height:120px!important;max-width:280px!important}.landing-hero-header{padding:16px 20px!important}.landing-hero-nav{gap:12px 20px!important;font-size:13px!important;flex-wrap:wrap;justify-content:center;padding:0 8px}.landing-hero-header .landing-waitlist-pill{padding:4px 10px!important;font-size:9px!important;letter-spacing:.05em!important;margin:0 6px!important}.blog-content{padding:24px 20px 80px!important}.blog-article h2{font-size:clamp(28px,8vw,48px)!important}.blog-article p{font-size:17px!important;max-width:100%!important}.blog-demo-wrapper{min-height:0!important}.blog-demo-wrapper .blog-demo-inner{height:320px!important;overflow:hidden!important}.blog-demo-wrapper .about-canvas-demo-root{transform:scale(.48);transform-origin:center top}.about-content{padding:24px 20px 60px!important}.about-content h2{font-size:clamp(28px,8vw,48px)!important}.about-demo-wrapper{min-height:360px!important;overflow:hidden!important}.about-demo-wrapper .about-canvas-demo-root{transform:scale(.48);transform-origin:center top}.about-canvas-demo-root{min-height:100%!important}.demo-detail-panel{width:100%!important;max-width:100%!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;border-radius:24px 24px 0 0!important;padding:20px!important;max-height:70vh!important;overflow-y:auto!important;transition:transform .4s ease!important}.demo-detail-panel:not([data-open=true]){transform:translateY(100%)!important}.pricing-nav{padding:24px 20px!important}.pricing-nav div{gap:16px!important;font-size:14px!important}}@keyframes landing-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}@keyframes landing-fade-up{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.landing-fade-in{opacity:0;animation:landing-fade-up .8s cubic-bezier(.16,1,.3,1) forwards}