:root{font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel-bg: #0b0d12;--page-bg: #000000;--field-bg: #1a1a1a;--method-form-container-bg: var(--panel-bg);--method-form-field-bg: #000000;--form-title: #e5e5e5;--form-field-name: #cccccc;--form-field-name-subtitle: #9a9a9a;--form-field-input: #c8c8c8;--form-field-input-default: #808080;--bg-primary: #0b0d12;--bg-secondary: #14171c;--bg-tertiary: #1f2123;--bg-elevated: #525252;--text-primary: #c8c8c8;--text-secondary: #a0a0a0;--text-tertiary: #808080;--text-inverse: #ffffff;--border-primary: rgba(82, 82, 82, .3);--border-secondary: #525252;--border-hover: #666666;--brand-accent: #ffffff;--brand-accent-subtle: rgba(255, 255, 255, .05);--brand-accent-muted: rgba(255, 255, 255, .1);--brand-accent-light: rgba(255, 255, 255, .15);--brand-accent-medium: rgba(255, 255, 255, .2);--brand-accent-border: rgba(255, 255, 255, .3);--brand-accent-strong: rgba(255, 255, 255, .5);--brand-accent-glow: rgba(255, 255, 255, .7);--btn-radius: 6px;--btn-primary-bg: #5E6AD2;--btn-primary-text: #ffffff;--btn-primary-hover-bg: #5E6AD2;--btn-primary-hover-text: #ffffff;--btn-secondary-bg: #1f2020;--btn-secondary-text: #a0a0a0;--btn-secondary-border: #3a3a3a;--btn-secondary-hover-bg: #3a3a3a;--btn-secondary-hover-text: #d2d2d2;--accent-primary: var(--brand-accent);--accent-hover: var(--brand-accent);--accent-light: var(--brand-accent);--tertiary-border: var(--brand-accent);--tertiary-text: var(--brand-accent);--tertiary-hover-bg: var(--brand-accent-muted);--secondary-bg: #1f2123;--secondary-border: #333333;--secondary-text: #cccccc;--success: #10b981;--success-hover: #059669;--success-bg: #064e3b;--error: #ef4444;--error-hover: #dc2626;--error-bg: #7f1d1d;--warning: #f59e0b;--warning-bg: #78350f;--error-border: rgba(239, 68, 68, .3);--error-text: #ef4444;--method-cyan: rgba(103, 232, 249, .85);--method-pink: rgba(244, 114, 182, .85);--method-amber: rgba(251, 191, 36, .85);--method-purple: rgba(167, 139, 250, .85);--method-green: rgba(74, 222, 128, .85);--method-blue: rgba(96, 165, 250, .85);--method-orange: rgba(251, 146, 60, .85);--card-bg: #1f2123;--card-bg-charcoal: #18181a;--card-bg-charcoal-hover: #222224;--card-border: #1f2123;--card-hover: #333333;--overlay-bg: rgba(11, 13, 18, .85);--input-bg: #333333;--input-border: #525252;--input-focus: var(--brand-accent);--table-header-bg: #1f2020;--table-row-hover: #333333;--table-border: #333333}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8f8f8;--bg-tertiary: #f2f2f2;--bg-elevated: #e5e5e5;--text-primary: #111111;--text-secondary: #525252;--text-tertiary: #666666;--text-inverse: #ffffff;--border-primary: #e5e5e5;--border-secondary: #cccccc;--border-hover: #9a9a9a;--accent-primary: #5E6AD2;--accent-hover: #5056b3;--accent-light: #7B85DC;--success: #10b981;--success-hover: #059669;--success-bg: #dcfce7;--error: #ef4444;--error-hover: #dc2626;--error-bg: #fee2e2;--warning: #f59e0b;--warning-bg: #fef3c7;--error-border: rgba(239, 68, 68, .3);--error-text: #dc2626;--method-cyan: #0891b2;--method-pink: #db2777;--method-amber: #d97706;--method-purple: #7c3aed;--method-green: #16a34a;--method-blue: #2563eb;--method-orange: #ea580c;--card-bg: #ffffff;--card-border: #e5e5e5;--card-hover: #f8f8f8;--overlay-bg: rgba(255, 255, 255, .9);--input-bg: #ffffff;--input-border: #e5e5e5;--input-focus: #5E6AD2;--table-header-bg: #1a1a1a;--table-row-hover: #f8f8f8;--table-border: #e5e5e5;--form-title: #111111;--form-field-name: #1f2123;--form-field-name-subtitle: #525252;--form-field-input: #333333;--form-field-input-default: #666666;--field-bg: #f8f8f8}html{height:100%}body{margin:0;min-width:100%;height:100%;background-color:var(--page-bg);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}#root{height:100%}a{font-weight:500;color:var(--accent-primary);text-decoration:inherit}h1{font-size:3.2em;line-height:1.1;color:var(--text-primary)}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:10001;max-width:400px}.toast{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 8px 24px #0006;animation:toast-enter .3s ease-out}@keyframes toast-enter{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.toast-exit{animation:toast-exit .3s ease-out forwards}@keyframes toast-exit{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.9)}}.toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-message{flex:1;font-size:.875rem;color:var(--text-primary);line-height:1.4}.toast-close{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:4px;cursor:pointer;color:var(--text-tertiary);opacity:.7;transition:opacity .15s ease;flex-shrink:0}.toast-close:hover{opacity:1}.toast-success{border-left:3px solid var(--success)}.toast-success .toast-icon{color:var(--success)}.toast-error{border-left:3px solid var(--error)}.toast-error .toast-icon{color:var(--error)}.toast-warning{border-left:3px solid var(--warning)}.toast-warning .toast-icon{color:var(--warning)}.toast-info{border-left:3px solid var(--btn-primary-bg)}.toast-info .toast-icon{color:var(--btn-primary-bg)}:root{--nav-bg: #060606;--nav-stroke: rgba(255, 255, 255, .1);--nav-text: rgba(255, 255, 255, .92);--nav-muted: rgba(255, 255, 255, .58);--app-header-height: 60px}.topbar{display:flex;align-items:center;justify-content:space-between;height:var(--app-header-height);padding:0 28px;border-bottom:1px solid var(--nav-stroke);background:var(--nav-bg);flex-shrink:0}.topbar .brand{font-size:19px;font-weight:700;letter-spacing:.02em;color:var(--text-secondary);text-decoration:none;transition:color .15s ease}.topbar .brand:hover,.topbar .brand.brand-active{color:var(--text-primary)}.topbar .nav-right{display:flex;align-items:center;gap:18px}.topbar .nav-links{display:flex;align-items:center;gap:18px;padding:4px 2px}.topbar .nav-link{position:relative;display:flex;align-items:center;gap:6px;appearance:none;border:0;background:transparent;padding:8px 2px;font-size:14px;font-weight:600;color:var(--nav-muted);cursor:pointer;letter-spacing:-.01em;transition:color .15s ease,opacity .15s ease;text-decoration:none}.topbar .nav-icon{width:15px;height:15px;opacity:.65;flex-shrink:0}.topbar .nav-link:hover{color:var(--nav-text)}.topbar .nav-link:focus-visible{outline:2px solid var(--brand-accent-border);outline-offset:4px;border-radius:8px}.topbar .nav-link.active{color:var(--nav-text)}.topbar .nav-link.active:after{content:"";position:absolute;left:2px;right:2px;bottom:-4px;height:1px;border-radius:var(--btn-radius);background:var(--brand-accent-glow)}.topbar .nav-divider{width:1px;height:18px;background:#ffffff1a;margin:0 2px 0 0}.topbar .avatar{width:34px;height:34px;border-radius:50%;border:1px solid var(--nav-stroke);display:grid;place-items:center;font-weight:700;font-size:14px;background:#ffffff0a;color:var(--nav-text);text-decoration:none;transition:border-color .15s ease}.topbar .avatar:hover{border-color:var(--brand-accent)}.avatar-container{position:relative}.avatar-container .avatar{cursor:pointer}.avatar-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--nav-bg);border:1px solid var(--nav-stroke);border-radius:8px;box-shadow:0 8px 24px #0006;z-index:1000;overflow:hidden}.dropdown-header{padding:12px 14px}.dropdown-email{font-size:13px;color:var(--nav-muted);word-break:break-all}.dropdown-divider{height:1px;background:var(--nav-stroke)}.dropdown-item{display:block;width:100%;padding:10px 14px;font-size:14px;color:var(--nav-text);text-decoration:none;background:transparent;border:none;text-align:left;cursor:pointer;transition:background .15s ease}.dropdown-item:hover{background:#ffffff0f}.library-dropdown-container{position:relative}.library-trigger{display:flex;align-items:center;gap:6px}.chevron-icon{width:12px;height:12px;opacity:.5;transition:transform .2s ease,opacity .15s ease;margin-left:2px}.chevron-icon.open{transform:rotate(180deg)}.library-trigger:hover .chevron-icon{opacity:.8}.library-dropdown{position:absolute;top:calc(100% + 12px);right:0;left:auto;width:min(90vw,560px);min-width:400px;background:#0c0c0ef2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 12px 40px #00000080,0 0 0 1px #ffffff0a inset;z-index:1000;padding:20px 24px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:32px}.library-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:13px;font-weight:500;color:#ffffffd9;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background .12s ease,color .12s ease;text-align:left}.library-dropdown-item:hover{background:#ffffff14;color:#fff}.library-item-icon{width:16px;height:16px;opacity:.65;flex-shrink:0}.library-dropdown-item:hover .library-item-icon{opacity:.9}.library-dropdown-section{padding:0}.library-dropdown-section:not(:first-child){border-left:1px solid rgba(255,255,255,.08);padding-left:24px}.library-section-label{font-size:11px;font-weight:500;color:#fff6;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.library-item-subtitle{font-size:11px;color:#ffffff73;font-weight:400;margin-top:2px}.library-dropdown-item:hover .library-item-subtitle{color:#fff9}@media(max-width:640px){.library-dropdown{width:min(90vw,280px);min-width:unset;grid-template-columns:1fr;gap:16px;padding:16px}.library-dropdown-section:not(:first-child){border-left:none;border-top:1px solid rgba(255,255,255,.06);padding-left:0;padding-top:12px}}@media(max-width:520px){.topbar{padding:16px 18px}.topbar .nav-right,.topbar .nav-links{gap:14px}}.upgrade-prompt-overlay{position:fixed;inset:0;background:#0a0a0aeb;display:flex;align-items:center;justify-content:center;padding:24px;z-index:9999;animation:upgrade-fade-in .2s ease-out}@keyframes upgrade-fade-in{0%{opacity:0}to{opacity:1}}.upgrade-prompt-modal{position:relative;width:min(520px,94vw);background:#111;border-radius:16px;box-shadow:0 8px 32px #0009,0 24px 48px #00000080;border:1px solid #1a1a1a;overflow:hidden;animation:upgrade-scale-in .25s cubic-bezier(.16,1,.3,1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@keyframes upgrade-scale-in{0%{transform:scale(.95) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.upgrade-close-btn{position:absolute;right:16px;top:16px;width:36px;height:36px;border-radius:8px;border:1px solid #1a1a1a;background:#141414;color:#888;display:grid;place-items:center;cursor:pointer;font-size:16px;transition:all .15s ease}.upgrade-close-btn:hover{background:#1a1a1a;color:#fff}.upgrade-header{padding:26px 28px 14px;text-align:left}.upgrade-header h1{margin:0 0 8px;font-size:26px;font-weight:500;letter-spacing:-.02em;color:#fff;position:relative;display:inline-block}.upgrade-header h1:after{content:"";position:absolute;left:0;bottom:-4px;width:50%;height:2px;background:linear-gradient(90deg,#888,#555);border-radius:2px;opacity:.7}.upgrade-subtitle{margin:0;font-size:14.5px;color:#888;line-height:1.5}.upgrade-body{padding:12px 28px 110px}.upgrade-section-title{font-size:13px;font-weight:700;margin-bottom:14px;padding-top:12px;color:#f8f8f8;text-transform:uppercase;letter-spacing:.04em;border-top:1px solid rgba(255,255,255,.08)}.upgrade-features-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.upgrade-feature-item{display:flex;gap:10px;font-size:14px;line-height:1.4;color:#f8f8f8}.upgrade-bullet{color:#888;font-size:18px;line-height:1;flex-shrink:0}.upgrade-check-icon{width:16px;height:16px;flex-shrink:0;stroke:var(--brand-accent);opacity:.75;margin-top:2px}.upgrade-bottom{position:absolute;left:0;right:0;bottom:0;padding:18px 24px 22px;border-top:1px solid #1a1a1a;background:#0f0f0f;display:flex;align-items:center;justify-content:space-between;gap:14px}.upgrade-price-wrapper{display:flex;flex-direction:column;gap:2px}.upgrade-price{display:flex;align-items:baseline;gap:8px;font-weight:650}.upgrade-cancel-note{font-size:11px;color:#666;font-weight:400}.upgrade-amount{font-size:28px;letter-spacing:-.02em;color:#f8f8f8}.upgrade-per{font-size:14px;color:#888}.upgrade-cta{border:none;border-radius:6px;padding:10px 20px;min-width:120px;background:#5056b3;color:#ffffffe6;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease;display:flex;align-items:center;justify-content:center;gap:8px}.upgrade-cta svg{width:16px;height:16px;stroke:currentColor}.upgrade-cta:hover{background:#5e6ad2;color:#fff}.upgrade-cta:active{background:#5056b3}.upgrade-badge{display:inline-flex;align-items:center;background:#151515;border:1px solid #333333;color:#9a9a9a;font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;margin-left:8px;text-transform:uppercase;letter-spacing:.08em}.sandbox-banner{display:flex;align-items:center;gap:12px;background:#0b0b0b;border:1px solid #333333;border-radius:8px;padding:12px 16px;margin-bottom:16px;animation:banner-slide-in .25s ease-out}@keyframes banner-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sandbox-banner-icon{width:18px;height:18px;color:#9a9a9a;flex-shrink:0}.sandbox-banner-text{flex:1;color:#9a9a9a;font-size:14px;font-weight:500}.sandbox-banner-link{color:var(--brand-accent);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:color .15s ease}.sandbox-banner-link:hover{color:#d2d2d2}.sandbox-info-card{background:#0b0b0b;border:1px solid #333333;border-radius:12px;padding:24px;text-align:center;margin:20px 0}.sandbox-info-card .icon-wrapper{width:48px;height:48px;margin:0 auto 16px;background:#151515;border:1px solid #333333;border-radius:12px;display:flex;align-items:center;justify-content:center}.sandbox-info-card .icon-wrapper svg{width:22px;height:22px;color:#9a9a9a}.sandbox-info-card h3{color:#f2f2f2;font-size:17px;font-weight:600;margin-bottom:8px}.sandbox-info-card p{color:#666;font-size:14px;line-height:1.5;margin-bottom:20px}.sandbox-info-card .btn-upgrade-small{display:inline-flex;align-items:center;gap:8px;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.sandbox-info-card .btn-upgrade-small:hover{background:var(--btn-primary-hover-bg);color:var(--btn-primary-hover-text)}.sandbox-info-card .btn-upgrade-small svg{color:#0b0d12}.signup-page{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--page-bg);color:#d2d2d2;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px;position:relative;overflow:hidden}.signup-page:before{content:"";position:fixed;inset:-40px;background-image:linear-gradient(rgba(148,163,184,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.12) 1px,transparent 1px);background-size:40px 40px;opacity:.25;mix-blend-mode:soft-light;pointer-events:none}.signup-page .signup-card{position:relative;width:100%;max-width:520px;border-radius:28px;background:#0f1012;border:1px solid rgba(255,255,255,.08);padding:40px 40px 32px}.signup-page .card-wordmark{display:block;font-size:13px;font-weight:500;letter-spacing:.1em;color:#94a3b840;margin-bottom:20px}.signup-page .card-header{display:flex;flex-direction:column;margin-bottom:24px}.signup-page .title{font-size:30px;line-height:1.15;font-weight:500;margin-bottom:8px;color:#d2d2d2}.signup-page .subtitle{font-size:15px;color:#a0a0a0;line-height:1.5}.signup-page .subtitle strong{color:#d2d2d2;font-weight:500}.signup-page .error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.signup-page .form-section{margin-top:24px}.signup-page label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:#d2d2d2}.signup-page .input-wrapper{position:relative}.signup-page .input-icon{position:absolute;left:12px;top:50%;width:16px;height:16px;transform:translateY(-50%);opacity:.7}.signup-page input[type=email]{width:100%;padding:14px 14px 14px 40px;border-radius:12px;border:1px solid var(--border-primary);background:#0f1012;color:#d2d2d2;font-size:14px;outline:none}.signup-page input[type=email]::placeholder{color:#707070}.signup-page input[type=email]:focus{border-color:var(--brand-accent)}.signup-page .help-text{margin-top:8px;font-size:12px;color:#a0a0a0}.signup-page .primary-btn{margin-top:18px;width:100%;padding:10px 18px;border-radius:var(--btn-radius);border:1px solid rgba(148,163,184,.5);font-size:14px;font-weight:500;line-height:1.3;color:var(--brand-accent);background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:border-color .15s ease}.signup-page .primary-btn:hover:not(:disabled){border-color:var(--brand-accent)}.signup-page .primary-btn:disabled{opacity:.7;cursor:not-allowed}.signup-page .divider-line{border:0;height:1px;background:#94a3b833;margin:26px 0 22px}.signup-page .providers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.signup-page .provider-btn{border-radius:14px;border:1px solid var(--border-primary);background:#0f1012;padding:9px 10px;font-size:12px;font-weight:500;color:#d2d2d2;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;white-space:nowrap}.signup-page .provider-logo-circle{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:transparent}.signup-page .provider-btn:hover{border-color:#a0a0a0}.signup-page .footer{margin-top:18px;font-size:11px;color:#707070;line-height:1.4}.signup-page .footer a{color:#a0a0a0;text-decoration:underline;text-decoration-style:dotted}.signup-page .footer a:hover{color:var(--brand-accent)}@media(max-width:480px){.signup-page .signup-card{padding:22px 18px 20px}.signup-page .title{font-size:24px}}.signup-page .simple-loader{width:100%;height:3px;background:#94a3b826;border-radius:2px;margin-top:24px;overflow:hidden;position:relative}.signup-page .simple-loader:after{content:"";position:absolute;left:0;top:0;height:100%;width:40%;background:var(--brand-accent);border-radius:2px;animation:loader-slide 1s ease-in-out infinite}@keyframes loader-slide{0%{left:-40%}to{left:100%}}.splash-screen{position:fixed;inset:0;background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;z-index:9999}.splash-screen .splash-logo-container{display:flex;align-items:flex-end;gap:10px}.splash-screen .splash-logo-container svg{display:block;margin-bottom:-4px}.splash-screen .splash-logo-text{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:2rem;font-weight:500;color:#c8c8c8;letter-spacing:-.02em;line-height:1}.splash-screen .splash-loader{width:120px;height:3px;background:#94a3b826;border-radius:2px;overflow:hidden;position:relative}.splash-screen .splash-loader:after{content:"";position:absolute;left:0;top:0;height:100%;width:40%;background:var(--brand-accent);border-radius:2px;animation:loader-slide 1s ease-in-out infinite}body:has(.landing-page){background-color:var(--page-bg)!important}.landing-page *,.landing-page *:before,.landing-page *:after{box-sizing:border-box}.landing-page{--bg: var(--page-bg);--panel: rgba(255, 255, 255, .04);--panel-2: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .09);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .62);--faint: rgba(255, 255, 255, .42);--shadow: 0 18px 60px rgba(0, 0, 0, .55);--radius: 18px;--btn-border: rgba(255, 255, 255, .12);--btn-bg: rgba(255, 255, 255, .06);--btn-bg-hover: rgba(255, 255, 255, .1);--btn-primary-bg: #ffffff;--btn-primary-bg-hover: rgba(255, 255, 255, .92);--btn-primary-text: rgba(0, 0, 0, .88);--btn-primary-border: rgba(255, 255, 255, .22);min-height:100vh;height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--page-bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.landing-home a{color:inherit;text-decoration:none}.landing-page .nav a,.landing-page footer a{color:inherit;text-decoration:none}.landing-page .nav{position:fixed;top:0;left:0;right:0;z-index:40;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-page .nav-inner{max-width:1080px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.landing-page .brand{display:flex;align-items:flex-end;gap:6px;letter-spacing:-.02em;margin-left:12px}.landing-page .mark{width:30px;height:20px;color:#ffffffe6;display:block;flex-shrink:0;margin-bottom:-2px}.landing-page .brand span{font-weight:600;font-size:18px;color:#ffffffe0;line-height:1}.landing-page .nav-links{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:13px}.landing-page .nav-links a{padding:8px 10px;border-radius:10px;transition:background .18s ease,color .18s ease}.landing-page .nav-links a:hover{background:#ffffff0a;color:#ffffffd6}.landing-page .nav-cta{display:flex;align-items:center;gap:10px;background:transparent}.landing-page .nav-cta a{display:inline-flex;align-items:center;justify-content:center}.landing-page .container{max-width:1080px;margin:0 auto;padding:0 20px}.landing-page .narrow{max-width:820px}.landing-home section{padding:72px 0;background-color:var(--page-bg)}.landing-home{background-color:var(--page-bg);overflow-x:hidden}.landing-home .hero{padding-top:100px}.landing-home .hero+section{padding-top:24px}.landing-page .kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--border);background:#ffffff08;border-radius:999px;color:var(--muted);font-size:13px;letter-spacing:-.01em}.landing-page .dot{width:6px;height:6px;border-radius:999px;background:#ffffff59}.landing-home h1{margin:18px 0 14px;font-size:clamp(40px,5.2vw,56px);line-height:1.03;letter-spacing:-.04em;font-weight:600}.landing-page .subhead{margin:0 0 22px;font-size:18px;line-height:1.55;color:var(--muted);max-width:66ch;letter-spacing:-.01em}.landing-page .cta-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}.landing-page .btn,.landing-page a.btn{appearance:none;border:1px solid var(--btn-border);background:var(--btn-bg);color:#ffffffe6;padding:7px 14px;border-radius:10px;font-size:14px;font-weight:500;letter-spacing:-.01em;line-height:1.3;cursor:pointer;transition:background .16s ease,border-color .16s ease,opacity .16s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-width:auto;gap:0}.landing-page .nav-cta .btn{padding:6px 12px;font-size:13px}.landing-page .btn:hover,.landing-page a.btn:hover,.landing-page .nav-cta .btn:hover{background:var(--btn-bg-hover);border-color:#ffffff2e;color:#ffffffe6}.landing-page .btn-primary,.landing-page a.btn-primary,.landing-page .nav-cta .btn-primary{background:var(--btn-primary-bg);border-color:var(--btn-primary-border);color:var(--btn-primary-text)}.landing-page .btn-primary:hover,.landing-page a.btn-primary:hover,.landing-page .nav-cta .btn-primary:hover{background:var(--btn-primary-bg-hover);border-color:#ffffff52;color:var(--btn-primary-text)}.landing-page .btn-ghost,.landing-page a.btn-ghost,.landing-page .nav-cta .btn-ghost{background:transparent;border-color:#ffffff14;color:#ffffffbf}.landing-page .btn-ghost:hover{background:#ffffff0d;border-color:#ffffff24}.landing-page .fineprint{margin-top:14px;color:var(--faint);font-size:13px;line-height:1.5}.landing-page .ui-wrap{--bleed: min( calc((100vw - 100%)/2) , 340px);margin-top:44px;margin-left:calc(-1 * var(--bleed));margin-right:calc(-1 * var(--bleed));width:calc(100% + 2 * var(--bleed));max-width:1500px;overflow:visible}.landing-page .stacked-cards{position:relative;width:100%;height:520px;max-width:none;perspective:2000px}.landing-page .stacked-cards:after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(to bottom,transparent 0%,var(--page-bg) 100%);z-index:20;pointer-events:none}.landing-page .stacked-card{position:absolute;border-radius:var(--radius);border:1px solid var(--border);background:var(--page-bg);overflow:hidden;transition:transform .4s ease,box-shadow .4s ease;transform-origin:center center;backface-visibility:hidden}.landing-page .stacked-card img{display:block;width:100%;height:auto}.landing-page .stacked-card-1{width:65%;max-width:920px;left:0%;top:0;z-index:1;transform:rotateY(10deg) rotateX(25deg) rotate(-5deg);box-shadow:0 25px 60px #0006}.landing-page .stacked-card-2{width:65%;max-width:920px;left:45%;top:5%;z-index:10;transform:rotateY(10deg) rotateX(25deg) rotate(-5deg);box-shadow:0 30px 70px #00000080}@media(max-width:1024px){.landing-page .stacked-cards{height:480px}.landing-page .stacked-card-1{width:68%;left:5%;top:0}.landing-page .stacked-card-2{width:68%;left:35%;top:10%}}@media(max-width:768px){.landing-page .ui-wrap{--bleed: calc((100vw - 100%)/2 - 10px) }.landing-page .stacked-cards{height:360px}.landing-page .stacked-card-1{width:75%;left:0%;top:0}.landing-page .stacked-card-2{width:75%;left:28%;top:10%}}.landing-page .ui-placeholder{height:360px;border-radius:var(--radius);border:1px dashed rgba(255,255,255,.14);background:var(--page-bg);display:grid;place-items:center;color:#ffffff9e;font-size:14px;letter-spacing:-.01em;position:relative;overflow:hidden}.landing-page .ui-placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transform:translate(-55%);animation:shimmer 4.6s ease-in-out infinite;opacity:.55}@keyframes shimmer{0%{transform:translate(-55%)}55%{transform:translate(55%)}to{transform:translate(55%)}}.landing-home h2{margin:0 0 14px;font-size:20px;font-weight:600;letter-spacing:-.02em}.landing-home p{margin:0;color:var(--muted);font-size:16px;line-height:1.7;letter-spacing:-.01em}.landing-page .split{display:grid;grid-template-columns:1fr;gap:18px;margin-top:28px}@media(min-width:920px){.landing-page .split{grid-template-columns:1.1fr .9fr;gap:32px}}.landing-page .methods{margin-top:22px;display:grid;grid-template-columns:1fr;gap:10px;color:#ffffffbd;letter-spacing:-.01em;font-size:14px}@media(min-width:720px){.landing-page .methods{grid-template-columns:1fr 1fr;gap:10px 18px;max-width:760px}}.landing-page .method{padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#ffffffb8;font-size:13px}.landing-page .steps{margin-top:22px;display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:600px){.landing-page .steps{grid-template-columns:repeat(2,1fr);gap:14px}}.landing-page .step,.landing-page .steps .step{display:block;border:1px solid rgba(255,255,255,.08);background:#ffffff08;border-radius:var(--radius);padding:16px 16px 18px;cursor:default;text-align:left;align-items:initial;flex-direction:column}.landing-page .step .num,.landing-page .steps .step .num{display:block;font-size:20px;font-weight:600;color:#ffffff8c;margin-bottom:10px}.landing-page .step .title,.landing-page .steps .step .title{display:block;font-size:14px;font-weight:600;color:#ffffffd6;margin-bottom:8px;letter-spacing:-.01em}.landing-page .step .desc,.landing-page .steps .step .desc{display:block;font-size:14px;color:#ffffff9e;line-height:1.6}.landing-page .replace{margin-top:20px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;border-radius:calc(var(--radius) + 4px);overflow:hidden}.landing-page .replace-grid{display:grid;grid-template-columns:1fr}@media(min-width:920px){.landing-page .replace-grid{grid-template-columns:1fr 1fr}}.landing-page .replace-col{padding:18px}.landing-page .replace-col+.replace-col{border-top:1px solid rgba(255,255,255,.06)}@media(min-width:920px){.landing-page .replace-col+.replace-col{border-top:0;border-left:1px solid rgba(255,255,255,.06)}}.landing-page .replace-h{font-size:13px;color:#ffffffad;letter-spacing:-.01em;margin-bottom:12px}.landing-page .replace-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.landing-page .replace-item{display:flex;align-items:center;gap:10px;color:#ffffffad;font-size:14px}.landing-page .mini{width:18px;height:18px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;flex:0 0 auto}.landing-page .cta-panel{border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff0a,#ffffff08);border-radius:calc(var(--radius) + 8px);padding:28px;box-shadow:var(--shadow)}.landing-page .cta-panel h3{margin:0 0 10px;font-size:22px;font-weight:600;letter-spacing:-.02em}.landing-page footer{padding:40px 0 46px;color:#ffffff80;font-size:13px;background-color:var(--page-bg)}.landing-page .footer-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.06);padding-top:18px}.landing-page .footer-links{display:flex;gap:12px;flex-wrap:wrap}.landing-page .footer-links a{padding:6px 8px;border-radius:10px;transition:background .18s ease,color .18s ease}.landing-page .footer-links a:hover{background:#ffffff0a;color:#ffffffb8}@media(prefers-reduced-motion:reduce){.landing-page .ui-placeholder:after{animation:none}.landing-page .btn{transition:none}}.landing-page .hamburger-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;cursor:pointer;margin-left:8px}.landing-page .hamburger-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;width:20px;height:16px;position:relative}.landing-page .hamburger-icon span{display:block;width:20px;height:2px;background:#fffc;border-radius:1px;position:absolute;left:0;transition:transform .25s ease,opacity .25s ease}.landing-page .hamburger-icon span:nth-child(1){top:0}.landing-page .hamburger-icon span:nth-child(2){top:7px}.landing-page .hamburger-icon span:nth-child(3){top:14px}.landing-page .hamburger-icon.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.landing-page .hamburger-icon.open span:nth-child(2){opacity:0}.landing-page .hamburger-icon.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.landing-page .mobile-menu{display:none;flex-direction:column;background:var(--page-bg);border-top:none;padding:0 20px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease,border-color .3s ease}.landing-page .mobile-menu.open{max-height:300px;padding:16px 20px 24px;border-top:1px solid var(--border)}.landing-page .mobile-nav-links{display:flex;flex-direction:column;gap:4px}.landing-page .mobile-nav-links a{padding:12px 16px;border-radius:8px;font-size:15px;color:var(--muted);transition:background .15s ease,color .15s ease}@media(max-width:768px){.landing-page .nav-links{display:none}.landing-page .hamburger-btn,.landing-page .mobile-menu{display:flex}}.landing-page .mobile-nav-links a:hover{background:#ffffff0d;color:#ffffffe6}.landing-page .public-content{padding-top:72px;min-height:calc(100vh - 150px);width:100%;overflow-x:visible}.landing-page .public-content .benchmarks-page{height:auto;min-height:calc(100vh - 72px)}.landing-page .public-content .benchmarks-container{max-width:1200px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.simple-page{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 20px}.simple-page h1{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.simple-page p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:32px}