html{box-sizing:border-box}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}*,*:before,*:after{box-sizing:inherit}body{margin:0;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--landing-bg: transparent;--landing-bg-elevated: rgba(255, 255, 255, .78);--landing-bg-band: rgba(247, 250, 255, .72);--landing-bg-subtle: rgba(247, 250, 255, .92);--landing-hairline: rgba(120, 170, 255, .22);--landing-hairline-strong: rgba(120, 170, 255, .28);--landing-text: rgba(18, 40, 84, .92);--landing-muted: rgba(33, 53, 96, .68);--landing-muted2: rgba(31, 54, 98, .52);--landing-accent: rgba(45, 98, 208, .95);--landing-accent-soft: rgba(90, 155, 255, .12);--landing-accent-border: rgba(120, 170, 255, .35);--landing-warn-soft: rgba(234, 179, 8, .12);--landing-warn-border: rgba(202, 138, 4, .28);--landing-danger-soft: rgba(239, 68, 68, .08);--landing-danger-border: rgba(239, 68, 68, .22);--landing-success-soft: rgba(34, 197, 94, .1);--landing-card-shadow: 0 8px 22px rgba(60, 100, 180, .08);--landing-card-shadow-lg: 0 24px 48px -16px rgba(60, 100, 180, .14);--landing-surface: #ffffff;--landing-surface-opaque: #ffffff;--landing-surface-glass: rgba(255, 255, 255, .72);--landing-btn-primary-bg: #111111;--landing-btn-primary-fg: #ffffff;--landing-btn-primary-border: #111111;--landing-btn-primary-hover-bg: #000000;--landing-btn-primary-hover-border: #000000;--landing-btn-secondary-border: #dadce0;--landing-btn-secondary-fg: #3c4043;--landing-btn-secondary-bg: #ffffff;--landing-btn-secondary-hover-bg: #f8f9fa;--landing-btn-secondary-hover-border: #d2d5da;--landing-header-bar-border: rgba(15, 23, 42, .08);--landing-header-bar-bg: rgba(254, 254, 253, .46);--landing-header-bar-shadow: 0 1px 0 rgba(15, 23, 42, .04), 0 8px 24px -12px rgba(15, 23, 42, .08);--landing-dropdown-border: rgba(15, 23, 42, .08);--landing-dropdown-bg: #fefefd;--landing-dropdown-shadow: 0 4px 6px -2px rgba(15, 23, 42, .04), 0 20px 48px -8px rgba(15, 23, 42, .14);--landing-dropdown-divider: rgba(15, 23, 42, .07);--landing-problem-card-bg: rgba(255, 255, 255, .88);--landing-login-card-bg: rgba(255, 255, 255, .94);--landing-mock-divider: rgba(0, 0, 0, .06);--landing-mock-sidebar-bg: rgba(247, 250, 255, .85);--landing-border-faint: rgba(0, 0, 0, .08);--landing-section-wash: rgba(255, 255, 255, .55);--landing-card-solid: #ffffff;--landing-compare-panel: rgba(248, 248, 250, .85);--landing-digest-row-idle: rgba(255, 255, 255, .5);--landing-digest-row-hover: rgba(0, 0, 0, .015);--landing-pill-muted: rgba(0, 0, 0, .05);--landing-pill-muted-hover: rgba(0, 0, 0, .09);--landing-mock-inset-bg: rgba(255, 255, 255, .72);--landing-draft-field-bg: #f1f3f4;--landing-mock-cursor: rgba(0, 0, 0, .45);--landing-tab-rail: rgba(255, 255, 255, .7);--landing-tab-rail-hover: rgba(255, 255, 255, .45);--landing-tab-selected: #ffffff;--landing-footer-wash: rgba(255, 255, 255, .72);--landing-shadow-xs: 0 1px 4px rgba(15, 23, 42, .08);--landing-shadow-soft: 0 2px 8px rgba(0, 0, 0, .07);--landing-shadow-vs: 0 2px 8px rgba(0, 0, 0, .08);--landing-plan-highlight: 0 20px 48px -20px rgba(45, 98, 208, .18);--landing-faq-closed-bg: #ffffff;--landing-faq-icon-bg: rgba(0, 0, 0, .05);--landing-success-dot: #10b981;--landing-accent-dot: rgba(45, 98, 208, .9);--landing-hero-callout-border: rgba(15, 23, 42, .1);--landing-hero-callout-bg: rgba(255, 255, 255, .95);--landing-hero-callout-shadow: 0 8px 30px rgba(0, 0, 0, .12);--landing-hero-row-selected: rgba(90, 155, 255, .04);--landing-hero-callout-text: rgba(55, 65, 81, .98);--landing-cta-solid-bg: #2563eb;--landing-cta-solid-bg-hover: #1d4ed8;--landing-cta-solid-fg: #ffffff;--landing-on-avatar-fg: #ffffff;--landing-agent-shell-bg: rgba(255, 255, 255, .2);--landing-agent-shell-gradient: linear-gradient( 165deg, rgba(255, 255, 255, .38) 0%, rgba(255, 255, 255, .12) 55%, rgba(247, 250, 255, .06) 100% );--landing-agent-shell-inset: inset 0 1px 0 rgba(255, 255, 255, .28), inset 0 0 88px 36px rgba(247, 250, 255, .22);--landing-pain-dot-idle: #ffffff;--landing-pain-dot-hover-bg: rgb(255, 246, 218);--landing-pain-dot-hover-border: 2px solid rgba(255, 168, 72, .48);--landing-pain-dot-hover-shadow: 0 0 0 1px rgba(255, 255, 255, .55) inset, 0 0 6px 2px rgba(255, 200, 95, .38), 0 0 14px 5px rgba(255, 165, 70, .22), 0 0 22px 8px rgba(255, 140, 60, .11);--landing-hint-text-shadow: 0 1px 2px rgba(255, 255, 255, .8);--landing-chat-scroll-fade-top: linear-gradient( to bottom, rgba(255, 255, 255, .92) 0%, rgba(247, 250, 255, .55) 42%, rgba(247, 250, 255, 0) 100% );--landing-chat-scroll-fade-bottom: linear-gradient( to top, rgba(255, 255, 255, .92) 0%, rgba(247, 250, 255, .55) 36%, rgba(247, 250, 255, 0) 100% );--landing-glass-card-overlay: linear-gradient( 145deg, rgba(255, 255, 255, .55) 0%, transparent 38%, transparent 100% );--landing-glass-card-inset: 0 1px 0 rgba(255, 255, 255, .65) inset;--landing-glass-sheen-sweep: linear-gradient(105deg, transparent, rgba(255, 255, 255, .7), transparent);--landing-glass-cta-inset: 0 1px 0 rgba(255, 255, 255, .95) inset;--landing-demo-chip-fade-x: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .55) 42%, rgba(255, 255, 255, .92) 78%, rgba(255, 255, 255, .98) 100% );--landing-demo-inbox-row-bg: rgba(255, 255, 255, .85);--landing-demo-inbox-fade-y: linear-gradient( to top, rgba(255, 255, 255, .97) 0%, rgba(255, 255, 255, .82) 28%, rgba(255, 255, 255, .35) 58%, rgba(255, 255, 255, 0) 100% )}[data-joy-color-scheme=dark]{--landing-bg-elevated: rgba(24, 30, 44, .88);--landing-bg-band: rgba(16, 20, 32, .82);--landing-bg-subtle: rgba(20, 26, 40, .94);--landing-hairline: rgba(120, 170, 255, .2);--landing-hairline-strong: rgba(140, 185, 255, .32);--landing-text: rgba(232, 238, 252, .94);--landing-muted: rgba(175, 190, 220, .75);--landing-muted2: rgba(145, 162, 200, .58);--landing-accent: rgba(130, 180, 255, .96);--landing-accent-soft: rgba(90, 155, 255, .16);--landing-accent-border: rgba(130, 175, 240, .42);--landing-warn-soft: rgba(234, 179, 8, .14);--landing-warn-border: rgba(250, 204, 21, .35);--landing-danger-soft: rgba(248, 113, 113, .12);--landing-danger-border: rgba(252, 165, 165, .28);--landing-success-soft: rgba(74, 222, 128, .12);--landing-card-shadow: 0 10px 28px rgba(0, 0, 0, .42);--landing-card-shadow-lg: 0 28px 56px -18px rgba(0, 0, 0, .55);--landing-surface: #12161f;--landing-surface-opaque: #161c28;--landing-surface-glass: rgba(22, 28, 42, .82);--landing-btn-primary-bg: #e4e9f4;--landing-btn-primary-fg: #0c0e12;--landing-btn-primary-border: #e4e9f4;--landing-btn-primary-hover-bg: #f0f3f9;--landing-btn-primary-hover-border: #f0f3f9;--landing-btn-secondary-border: #3d4758;--landing-btn-secondary-fg: #e4e8f0;--landing-btn-secondary-bg: #1a1f2c;--landing-btn-secondary-hover-bg: #242b3a;--landing-btn-secondary-hover-border: #4a5568;--landing-header-bar-border: rgba(255, 255, 255, .1);--landing-header-bar-bg: rgba(18, 22, 32, .72);--landing-header-bar-shadow: 0 1px 0 rgba(0, 0, 0, .35), 0 12px 36px -12px rgba(0, 0, 0, .55);--landing-dropdown-border: rgba(255, 255, 255, .1);--landing-dropdown-bg: #1a1f2c;--landing-dropdown-shadow: 0 8px 32px -8px rgba(0, 0, 0, .55);--landing-dropdown-divider: rgba(255, 255, 255, .08);--landing-problem-card-bg: rgba(22, 28, 40, .92);--landing-login-card-bg: rgba(20, 26, 38, .94);--landing-mock-divider: rgba(255, 255, 255, .1);--landing-mock-sidebar-bg: rgba(18, 24, 36, .92);--landing-border-faint: rgba(255, 255, 255, .1);--landing-section-wash: rgba(18, 22, 32, .55);--landing-card-solid: var(--landing-surface-opaque);--landing-compare-panel: rgba(22, 26, 36, .92);--landing-digest-row-idle: rgba(255, 255, 255, .04);--landing-digest-row-hover: rgba(255, 255, 255, .06);--landing-pill-muted: rgba(255, 255, 255, .08);--landing-pill-muted-hover: rgba(255, 255, 255, .12);--landing-mock-inset-bg: rgba(28, 34, 48, .82);--landing-draft-field-bg: rgba(255, 255, 255, .06);--landing-mock-cursor: rgba(255, 255, 255, .55);--landing-tab-rail: rgba(24, 30, 42, .75);--landing-tab-rail-hover: rgba(255, 255, 255, .06);--landing-tab-selected: var(--landing-surface-opaque);--landing-footer-wash: rgba(10, 13, 22, .94);--landing-shadow-xs: 0 2px 12px rgba(0, 0, 0, .4);--landing-shadow-soft: 0 2px 10px rgba(0, 0, 0, .35);--landing-shadow-vs: 0 4px 16px rgba(0, 0, 0, .45);--landing-plan-highlight: 0 20px 48px -16px rgba(90, 155, 255, .22);--landing-faq-closed-bg: var(--landing-surface-opaque);--landing-faq-icon-bg: rgba(255, 255, 255, .08);--landing-success-dot: #34d399;--landing-accent-dot: rgba(130, 175, 255, .88);--landing-hero-callout-border: rgba(255, 255, 255, .12);--landing-hero-callout-bg: rgba(22, 28, 40, .94);--landing-hero-callout-shadow: 0 12px 40px rgba(0, 0, 0, .45);--landing-hero-row-selected: rgba(90, 155, 255, .1);--landing-hero-callout-text: rgba(228, 234, 248, .96);--landing-cta-solid-bg: #3b82f6;--landing-cta-solid-bg-hover: #60a5fa;--landing-cta-solid-fg: #ffffff;--landing-on-avatar-fg: #ffffff;--landing-agent-shell-bg: rgba(18, 22, 32, .45);--landing-agent-shell-gradient: linear-gradient( 165deg, rgba(40, 48, 64, .55) 0%, rgba(22, 28, 40, .35) 55%, rgba(14, 18, 28, .2) 100% );--landing-agent-shell-inset: inset 0 1px 0 rgba(255, 255, 255, .08), inset 0 0 64px 28px rgba(0, 0, 0, .15);--landing-pain-dot-idle: var(--landing-surface-opaque);--landing-pain-dot-hover-bg: rgba(200, 140, 55, .22);--landing-pain-dot-hover-border: 2px solid rgba(250, 190, 90, .42);--landing-pain-dot-hover-shadow: 0 0 0 1px rgba(255, 255, 255, .08) inset, 0 0 10px 2px rgba(250, 180, 80, .18), 0 0 20px 6px rgba(200, 140, 50, .12);--landing-hint-text-shadow: 0 1px 3px rgba(0, 0, 0, .65);--landing-chat-scroll-fade-top: linear-gradient( to bottom, rgba(18, 24, 34, .94) 0%, rgba(18, 24, 34, .42) 42%, transparent 100% );--landing-chat-scroll-fade-bottom: linear-gradient( to top, rgba(18, 24, 34, .94) 0%, rgba(18, 24, 34, .42) 36%, transparent 100% );--landing-glass-card-overlay: linear-gradient( 145deg, rgba(255, 255, 255, .07) 0%, transparent 40%, transparent 100% );--landing-glass-card-inset: 0 1px 0 rgba(255, 255, 255, .07) inset;--landing-glass-sheen-sweep: linear-gradient(105deg, transparent, rgba(255, 255, 255, .14), transparent);--landing-glass-cta-inset: 0 1px 0 rgba(255, 255, 255, .12) inset;--landing-demo-chip-fade-x: linear-gradient( 90deg, rgba(18, 22, 32, 0) 0%, rgba(18, 22, 32, .55) 42%, rgba(18, 22, 32, .92) 78%, rgba(18, 22, 32, .98) 100% );--landing-demo-inbox-row-bg: rgba(28, 34, 48, .92);--landing-demo-inbox-fade-y: linear-gradient( to top, rgba(18, 22, 32, .98) 0%, rgba(18, 22, 32, .82) 28%, rgba(18, 22, 32, .35) 58%, rgba(18, 22, 32, 0) 100% )}.blog-post-hero-top-fade{height:200px;background:linear-gradient(to bottom,#ffffff57 -50%,#ffffff14 58%,#fff0)}[data-joy-color-scheme=dark] .blog-post-hero-top-fade{background:linear-gradient(to bottom,#161c2852,#161c2814 55%,#161c2800)}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.22) transparent}[data-joy-color-scheme=dark] *{scrollbar-color:rgba(255,255,255,.28) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:#00000038;border-radius:100px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background-color:#00000061}[data-joy-color-scheme=dark] *::-webkit-scrollbar-thumb{background-color:#ffffff47}[data-joy-color-scheme=dark] *::-webkit-scrollbar-thumb:hover{background-color:#ffffff6b}#root section[id]{scroll-margin-top:calc(80px + max(12px,env(safe-area-inset-top,0px)))}