.auth-layout{color:#111;box-sizing:border-box;background:#f7f7f8;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;overflow:hidden}.auth-form-side{flex:1;justify-content:center;align-items:center;width:100%;padding:8px;display:flex}.auth-form-container{text-align:center;background:#fff;border:1px solid #eaeaea;border-radius:12px;width:100%;max-width:400px;padding:24px;box-shadow:0 4px 12px #0000000d}.auth-form-container h1{font-family:var(--font-sans,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif);color:#111;letter-spacing:-.02em;margin:0 0 8px;font-size:24px;font-weight:700}.auth-subtitle{color:#666;margin:0 0 20px;font-size:14px}.auth-sso-btn{color:#111;cursor:pointer;background:#fff;border:1px solid #eaeaea;border-radius:8px;justify-content:center;align-items:center;gap:12px;width:100%;margin-bottom:24px;padding:12px;font-size:15px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 1px 2px #00000005}.auth-sso-btn:hover{background:#f9f9f9;border-color:#ddd}.auth-divider{text-align:center;color:#888;align-items:center;margin:24px 0;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid #eaeaea;flex:1}.auth-divider:not(:empty):before{margin-right:16px}.auth-divider:not(:empty):after{margin-left:16px}.auth-input-group{text-align:left;margin-bottom:12px}.auth-input-group label{color:#111;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.auth-input{color:#111;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:all .2s}.auth-input:focus{border-color:#000;box-shadow:0 0 0 1px #000}.auth-submit-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:8px;width:100%;margin-top:12px;padding:10px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1)}.auth-submit-btn:hover:not(:disabled){background:#333}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-terms{align-items:flex-start;gap:12px;margin:20px 0;display:flex}.auth-terms input[type=checkbox]{cursor:pointer;border:1px solid #eaeaea;border-radius:4px;width:16px;height:16px;margin-top:4px}.auth-terms label{color:#666;cursor:pointer;font-size:13px;line-height:1.5}.auth-terms a{color:#111;text-underline-offset:2px;-webkit-text-decoration:underline #ddd;text-decoration:underline #ddd}.auth-terms a:hover{text-decoration-color:#111}.auth-footer{text-align:center;color:#666;margin-top:20px;font-size:14px}.auth-footer a{color:#111;padding-left:4px;font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-bottom-terms{text-align:center;color:#666;flex-shrink:0;max-width:320px;margin:0 auto 8px;font-size:12px;line-height:1.4}.auth-bottom-terms a{color:#666;text-underline-offset:2px;-webkit-text-decoration:underline #ccc;text-decoration:underline #ccc}.auth-bottom-terms a:hover{color:#111;text-decoration-color:#111}.auth-error{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;margin-bottom:16px;padding:8px 12px;font-size:13px;line-height:1.4}.auth-success{color:#059669;background:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;margin-bottom:16px;padding:12px;font-size:14px;line-height:1.5}@keyframes state-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.ui-state-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:40px 24px;animation:.4s cubic-bezier(.16,1,.3,1) forwards state-fade-in;display:flex}.ui-state-icon{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;font-size:24px;display:flex}.ui-state-title{font-family:var(--display);color:var(--text-primary);letter-spacing:-.02em;margin:0 0 8px;font-size:20px;font-weight:600}.ui-state-message{color:var(--text-secondary);max-width:320px;margin:0 0 24px;font-size:14px;line-height:1.5}.ui-state-icon--empty{background:var(--bg-inset);color:var(--text-tertiary);border:1px solid var(--border)}.ui-state-icon--error{background:var(--accent-critical-dim);color:var(--accent-critical)}.ui-state-icon--lock{background:var(--accent-warn-dim);color:var(--accent-warn)}@keyframes skeleton-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.skeleton-box{background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);animation:2s cubic-bezier(.4,0,.6,1) infinite skeleton-pulse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border);border-top-color:var(--text-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.toast-success{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);border:1px solid var(--accent-signal);border-radius:var(--radius-md);color:var(--text-primary);z-index:9999;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:500;animation:.4s cubic-bezier(.16,1,.3,1) forwards toast-slide-up;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 25px -5px #10b98133}@keyframes toast-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.network-banner{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-md);color:#fff;z-index:9999;background:#0a0a0ad9;align-items:center;gap:12px;padding:12px 20px;font-size:14px;font-weight:500;animation:.4s cubic-bezier(.16,1,.3,1) forwards toast-slide-up;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.workspace-picker-page{background:var(--bg-void);justify-content:center;align-items:center;width:100vw;min-height:100vh;font-family:Inter,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.wp-bg-elements{z-index:0;pointer-events:none;position:absolute;inset:0}.wp-orb{filter:blur(80px);opacity:.15;border-radius:50%;animation:15s ease-in-out infinite alternate wp-float;position:absolute}.wp-orb-1{background:#0070f3;width:500px;height:500px;top:-10%;left:-10%}.wp-orb-2{background:#7928ca;width:400px;height:400px;animation-delay:-5s;bottom:-10%;right:-5%}.wp-orb-3{background:#00dfd8;width:300px;height:300px;animation-delay:-10s;top:30%;left:60%}@keyframes wp-float{0%{transform:translate(0)scale(1)}to{transform:translate(-30px,50px)scale(1.1)}}.wp-grid{z-index:1;background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:-100%;-webkit-mask-image:radial-gradient(60% 60%,#000 20%,#0000 100%);mask-image:radial-gradient(60% 60%,#000 20%,#0000 100%)}.wp-container{z-index:10;background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-panel);color:var(--text-primary);box-sizing:border-box;flex-direction:column;padding:48px;display:flex;position:relative}.wp-header{text-align:center;margin-bottom:32px}.wp-brand{letter-spacing:1.5px;color:#444;background:#f5f5f5;border:1px solid #eaeaea;border-radius:20px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.wp-brand-dot{background:#0070f3;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #0070f366}.wp-title{font-family:var(--display);letter-spacing:-.03em;color:var(--text-primary);margin:0 0 8px;font-size:28px;font-weight:600}.wp-subtitle{color:#666;margin:0;font-size:15px}.wp-list{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.wp-card-btn{background:var(--bg-layer);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;display:flex}.wp-card-btn:hover{border-color:var(--accent);box-shadow:0 4px 12px var(--accent-dim);transform:translateY(-1px)}.wp-card-name{font-size:16px;font-weight:500}.wp-card-role{text-transform:uppercase;letter-spacing:1px;color:#666;background:#f5f5f5;border-radius:20px;padding:4px 10px;font-size:11px}.wp-create-section{border-top:1px solid #eaeaea;padding-top:32px}.wp-create-title{color:#111;margin-bottom:16px;font-size:14px;font-weight:600}.wp-input{background:var(--bg-layer);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);box-sizing:border-box;outline:none;padding:14px 16px;font-size:15px;transition:all .2s}.wp-input::placeholder{color:#999}.wp-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim), 0 1px 2px #00000005 inset}.wp-submit-btn{background:var(--text-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;margin-top:16px;padding:14px 16px;font-size:15px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 4px #0000000d}.wp-submit-btn:hover:not(:disabled){background:#000;transform:scale(1.02);box-shadow:0 4px 8px #0000001a}.wp-submit-btn:disabled{opacity:.5;cursor:not-allowed}.wp-footer{text-align:center;margin-top:32px}.wp-footer-btn{color:#666;cursor:pointer;background:0 0;border:none;font-size:13px;text-decoration:underline;transition:color .2s}.wp-footer-btn:hover{color:#111}.wp-back-btn{color:#666;cursor:pointer;z-index:20;background:#f5f5f5;border:1px solid #eaeaea;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;top:20px;left:20px}.wp-back-btn:hover{color:#111;background:#eaeaea}.bottom-menu-container{position:relative}.bottom-menu-tooltip-wrapper{pointer-events:none;z-index:50;position:absolute;top:-31px;left:0;right:0}.bottom-menu-tooltip{background:var(--bg-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);height:28px;box-shadow:var(--shadow-panel);border-radius:8px;justify-content:center;align-items:center;padding:0 12px;display:inline-flex;overflow:hidden}.bottom-menu-tooltip-text{white-space:nowrap;color:var(--text-primary);margin:0;font-size:13px;font-weight:500;line-height:1.2}.bottom-menu-bar{z-index:10;-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);background:#0a0a0a99;border-radius:9999px;justify-content:center;align-items:center;gap:4px;height:44px;padding:0 6px;display:inline-flex;overflow:hidden;box-shadow:0 10px 25px -5px #00000080,0 0 0 1px #ffffff0d}.bottom-menu-item{cursor:pointer;width:36px;height:36px;color:var(--text-secondary);background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.bottom-menu-item:hover{background-color:var(--bg-layer-2);color:var(--text-primary);transform:scale(1.05)}.bottom-menu-icon-wrapper{justify-content:center;align-items:center;width:18px;height:18px;display:flex;overflow:hidden}.bottom-menu-icon{width:100%;height:100%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.landing-page{background-color:var(--bg-void);flex-direction:column;min-height:100vh;display:flex;overflow-x:clip}.landing-nav{z-index:50;background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:16px 48px;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;display:flex}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text-secondary);font-size:14px;font-weight:500;transition:color .2s,transform .2s}.nav-links a:hover{color:var(--text-primary);transform:translateY(-1px)}.nav-links-wrapper{display:flex;position:absolute;left:50%;transform:translate(-50%)}.landing-nav .bottom-menu-bar{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important;gap:24px!important;height:auto!important;padding:0!important}.landing-nav .bottom-menu-tooltip-wrapper{margin-top:16px;top:100%!important}.icon-link{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.icon-link:hover{background:var(--bg-layer-2)}.landing-brand{font-family:var(--display);letter-spacing:-.05em;color:var(--text-primary);align-items:center;gap:12px;font-size:24px;font-weight:700;display:flex}.brand-square{background:var(--text-primary);width:12px;height:12px}.nav-actions{gap:16px;display:flex}.hero-section{pointer-events:none;z-index:20;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:180px 48px;display:flex;position:relative}.hero-grid{pointer-events:none;flex-direction:column;align-items:center;display:flex}.hero-content{text-align:center;pointer-events:none;flex-direction:column;align-items:center;display:flex}.hero-content>*{pointer-events:auto}.status-badge{font-family:var(--mono);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-layer);align-items:center;gap:8px;margin-bottom:32px;padding:6px 12px;font-size:12px;display:inline-flex}.pulse-dot{background:var(--accent-signal);width:8px;height:8px;box-shadow:0 0 10px var(--accent-signal);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{opacity:1;box-shadow:0 0 #05966966}70%{opacity:.5;box-shadow:0 0 0 6px #05966900}to{opacity:1;box-shadow:0 0 #05966900}}.hero-content h1{font-family:var(--display);letter-spacing:-.04em;color:var(--text-primary);text-align:center;margin:0 0 24px;font-size:88px;font-weight:700;line-height:1.05}.modern-text-reveal,.modern-text-reveal-static{background:linear-gradient(120deg,#09090b 0%,#27272a 20%,#52525b 40%,#9ca3af 50%,#52525b 60%,#27272a 80%,#09090b 100%) 0%/200% 200%;-webkit-text-fill-color:transparent;color:#0000;text-align:center;-webkit-background-clip:text;background-clip:text;flex-direction:column;align-items:center;width:100%;display:flex}.modern-text-reveal-line{width:100%;margin:0;padding:0;line-height:1.12;display:block;position:relative}.modern-text-reveal span,.modern-text-reveal span *{-webkit-text-fill-color:inherit;color:inherit}.modern-text-reveal.stomp-done{animation:5s ease-in-out infinite alternate continuousTextGradient}@keyframes continuousTextGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.cursor-blink{color:var(--text-primary);-webkit-text-fill-color:var(--text-primary);font-weight:300;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-content p{color:var(--text-secondary);max-width:600px;margin:0 0 48px;font-size:22px;line-height:1.6}.hero-cta-group{align-items:center;gap:16px;display:flex}.btn-lg{padding:16px 32px;font-size:16px}.hero-visual{position:relative}.hi-fi-mockup{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);height:400px;font-family:var(--sans);transition:transform .5s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;transform:perspective(1000px)rotateY(-5deg)rotateX(2deg)}@media (width<=768px){.hi-fi-mockup{height:auto;min-height:300px;transform:none}.hi-fi-mockup:hover{transform:none}}.hi-fi-mockup:hover{transform:perspective(1000px)rotateY(0)rotateX(0)}.mockup-sidebar{background:var(--bg-layer-2);border-right:1px solid var(--border);flex-direction:column;gap:32px;width:180px;padding:24px 16px;display:flex}.mockup-logo{font-family:var(--display);color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.mockup-nav{flex-direction:column;gap:8px;display:flex}.mockup-nav-item{color:var(--text-secondary);border-radius:var(--radius-sm);padding:6px 8px;font-size:13px;font-weight:500}.mockup-nav-item.active{background:var(--bg-layer);color:var(--text-primary);border:1px solid var(--border-subtle)}.mockup-main{background:var(--bg-layer);flex-direction:column;flex:1;display:flex}.mockup-topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.mockup-title{color:var(--text-primary);font-size:16px;font-weight:600}.mockup-title span{color:var(--text-tertiary);font-size:13px;font-weight:400}.mockup-avatars{gap:-8px;display:flex}.avatar{background:var(--bg-void);border:1px solid var(--border);width:24px;height:24px;font-size:10px;font-family:var(--mono);color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.mockup-board{flex:1;gap:16px;padding:24px;display:flex;overflow:hidden}.mockup-col{flex-direction:column;flex:1;gap:12px;display:flex}.mockup-col-title{font-size:12px;font-family:var(--mono);text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;margin-bottom:8px;font-weight:600}.mockup-card{background:var(--bg-void);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:8px;padding:12px;display:flex}.mockup-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.card-tag{font-size:10px;font-family:var(--mono);background:var(--bg-layer-2);color:var(--text-secondary);text-transform:uppercase;border-radius:4px;align-self:flex-start;padding:2px 6px}.card-tag.bug{color:var(--accent-red,#ef4444);background:#ef44441a}.card-title{color:var(--text-primary);font-size:13px;font-weight:500}.card-meta{color:var(--text-tertiary);font-size:11px}.trust-section{text-align:center;border-top:1px solid var(--border);background:var(--bg-void);padding:48px 24px}.trust-text{font-family:var(--mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;max-width:600px;margin:0 auto;font-size:13px}.features-section{border-top:1px solid var(--border);background:var(--bg-layer);padding:120px 48px}.section-header{text-align:center;max-width:600px;margin:0 auto 64px}.section-header h2{font-family:var(--display);letter-spacing:-.03em;margin:0 0 16px;font-size:40px;font-weight:600}.section-header p{color:var(--text-secondary);margin:0;font-size:18px}.features-carousel{scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;gap:24px;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;overflow-x:auto}.features-carousel::-webkit-scrollbar{display:none}.features-carousel .bento-card{scroll-snap-align:center;white-space:normal;flex:0 0 360px;width:360px}.bento-card{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);padding:32px;transition:transform .3s,box-shadow .3s}.bento-card h3{font-family:var(--display);color:var(--text-primary);margin:0 0 12px;font-size:20px;font-weight:600}.bento-card p{color:var(--text-secondary);margin:0;line-height:1.5}.pricing-section{border-top:1px solid var(--border);background:var(--bg-void);padding:120px 48px}.billing-toggle{color:var(--text-secondary);justify-content:center;align-items:center;gap:16px;margin-top:32px;font-size:14px;font-weight:500;display:flex}.billing-toggle .active{color:var(--text-primary)}.toggle-switch{background:var(--border-bright);border:none;border-radius:100px;width:48px;height:24px;transition:background .3s;position:relative}.toggle-switch.on{background:var(--text-primary)}.toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000001a}.toggle-switch.on .toggle-knob{transform:translate(24px)}.discount-badge{background:var(--accent-dim);color:var(--accent);border-radius:100px;margin-left:8px;padding:2px 8px;font-size:12px}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:64px auto 0;display:grid}.pricing-card{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);flex-direction:column;padding:40px 32px;display:flex;position:relative}.pricing-card.recommended{border-color:var(--accent);box-shadow:var(--shadow-glow)}.recommended-badge{background:var(--accent);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:100px;padding:4px 12px;font-size:12px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.tier-name{font-family:var(--mono);color:var(--text-secondary);text-transform:uppercase;margin-bottom:16px;font-size:14px;font-weight:600}.tier-price{font-family:var(--display);color:var(--text-primary);margin-bottom:16px}.currency{vertical-align:top;margin-top:8px;font-size:24px;display:inline-block}.amount{letter-spacing:-.05em;font-size:48px;font-weight:700}.period{color:var(--text-tertiary);margin-left:4px;font-size:16px}.tier-desc{color:var(--text-secondary);min-height:42px;margin:0 0 32px;font-size:14px;line-height:1.5}.tier-features{flex:1;margin:32px 0 0;padding:0;list-style:none}.tier-features li{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);align-items:center;padding:12px 0;font-size:14px;display:flex}.tier-features li:before{content:"✓";color:var(--accent);margin-right:12px;font-weight:700}.tier-features li:last-child{border-bottom:none}.landing-footer{border-top:1px solid var(--border);background:var(--bg-void);flex-direction:column;padding:0;display:flex}.footer-cta-banner{background:var(--bg-layer);border-bottom:1px solid var(--border);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 48px;display:flex}.footer-cta-banner h2{font-family:var(--display);letter-spacing:-.03em;color:var(--text-primary);margin:0 0 16px;font-size:40px;font-weight:700}.footer-cta-banner p{color:var(--text-secondary);max-width:500px;margin:0 0 32px;font-size:18px;line-height:1.5}.footer-content{justify-content:space-between;align-items:flex-start;gap:64px;width:100%;max-width:1400px;margin:0 auto;padding:80px 48px;display:flex}.footer-brand-col{flex:0 0 320px}.footer-tagline{color:var(--text-secondary);margin:0 0 24px;font-size:14px;line-height:1.6}.footer-socials{gap:16px;display:flex}.footer-socials a{color:var(--text-tertiary);justify-content:center;align-items:center;transition:color .2s;display:flex}.footer-socials a:hover{color:var(--text-primary)}.footer-links-grid{flex-wrap:wrap;flex:1;justify-content:space-between;gap:48px;display:flex}.footer-column{flex-direction:column;gap:16px;display:flex}.footer-column h4{font-family:var(--sans,system-ui, sans-serif);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px;font-size:13px;font-weight:600}.footer-column a,.text-link-btn{color:var(--text-secondary);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-family:inherit;font-size:15px;text-decoration:none;transition:color .2s}.footer-column a:hover,.text-link-btn:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border-subtle);background:var(--bg-void);padding:24px 48px}.footer-bottom-content{max-width:1400px;color:var(--text-secondary);justify-content:space-between;align-items:center;margin:0 auto;font-size:14px;display:flex}.footer-status{align-items:center;gap:8px;display:flex}.status-dot{background:var(--accent-signal,#10b981);border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #10b98166}.nav-actions{align-items:center;gap:16px;margin-left:auto;display:flex}@media (width<=1024px){.hero-grid{grid-template-columns:1fr;gap:48px}.hero-content{text-align:center}.hero-content p{margin:0 auto 48px}.hero-cta-group{justify-content:center}.bento-grid{grid-template-columns:1fr 1fr}.col-span-2{grid-column:span 1}.pricing-grid{grid-template-columns:1fr;max-width:480px}}@media (width<=768px){.nav-links,.nav-actions .btn-secondary,.hidden-mobile,.nav-links-wrapper{display:none!important}.nav-logo{flex-grow:1}.landing-nav .mobile-menu-btn{display:flex}.landing-nav{padding:16px 24px}.hero-section{padding:80px 24px}.hero-content h1{font-size:48px}.features-section,.pricing-section{padding:80px 24px}.features-carousel .bento-card{min-width:280px}.footer-cta-banner{padding:64px 24px}.footer-cta-banner h2{font-size:32px}.footer-content{flex-direction:column;gap:48px;padding:64px 24px}.footer-brand-col{flex:none}.footer-links-grid{flex-direction:column;gap:32px;width:100%}.footer-bottom{padding:24px}.footer-bottom-content{flex-direction:column;align-items:flex-start;gap:16px}}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:8px;font-size:24px;display:none}.mobile-drawer{background:var(--bg-panel);-webkit-backdrop-filter:blur(24px);z-index:40;border-top:1px solid var(--border);flex-direction:column;padding:40px 24px;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex;position:fixed;inset:68px 0 0}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-drawer-links{flex-direction:column;gap:16px;display:flex}.mobile-drawer-link{background:var(--bg-layer);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;justify-content:space-between;align-items:center;padding:16px 20px;font-size:18px;font-weight:600;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 1px 2px #00000005}.mobile-drawer-link:hover{background:var(--bg-layer-2);border-color:var(--border-bright);transform:translate(4px)}.mobile-drawer-link svg{color:var(--text-tertiary);transition:color .2s,transform .2s}.mobile-drawer-link:hover svg{color:var(--accent);transform:translate(4px)}.mobile-drawer-footer{flex-direction:column;gap:16px;margin-top:auto;display:flex}.w-full{width:100%}.center-text{justify-content:center;padding:16px;font-size:16px}@media (width<=768px){.mobile-menu-btn{display:block}.nav-actions{display:none}}.feedback-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#000000a6;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out forwards feedbackFadeIn;display:flex;position:fixed;inset:0}.feedback-modal-card{-webkit-backdrop-filter:blur(20px);width:100%;max-width:480px;color:var(--text-primary,#fff);background:#121826d9;border:1px solid #ffffff1f;border-radius:16px;padding:32px;animation:.25s cubic-bezier(.16,1,.3,1) forwards feedbackPopUp;position:relative;box-shadow:0 24px 48px -12px #0009,inset 0 0 0 1px #ffffff14}.feedback-modal-close{color:var(--text-tertiary,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:24px;line-height:1;transition:all .15s;position:absolute;top:16px;right:16px}.feedback-modal-close:hover{color:var(--text-primary,#fff);background:#ffffff1a}.feedback-modal-header{text-align:center;margin-bottom:24px}.feedback-icon-badge{background:#0f9d6326;border:1px solid #0f9d634d;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 12px;font-size:22px;display:flex}.feedback-modal-header h2{letter-spacing:-.02em;margin:0 0 6px;font-size:22px;font-weight:700}.feedback-modal-header p{color:var(--text-secondary,#9ca3af);margin:0;font-size:13px}.feedback-form{flex-direction:column;gap:16px;display:flex}.feedback-row-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.feedback-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary,#9ca3af);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.feedback-input,.feedback-textarea{color:#fff;background:#0000004d;border:1px solid #ffffff1f;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.feedback-input:focus,.feedback-textarea:focus{border-color:var(--accent-signal,#0f9d63);box-shadow:0 0 0 3px #0f9d6333}.feedback-textarea{resize:vertical;min-height:90px}.feedback-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.feedback-error-banner{color:#f87171;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;padding:10px 14px;font-size:13px}.feedback-success-state{text-align:center;padding:20px 0}.feedback-success-state .success-icon{margin-bottom:12px;font-size:48px}.feedback-success-state h3{margin:0 0 8px;font-size:20px;font-weight:700}.feedback-success-state p{color:var(--text-secondary,#9ca3af);margin:0;font-size:14px}@keyframes feedbackFadeIn{0%{opacity:0}to{opacity:1}}@keyframes feedbackPopUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.agb-wrapper{justify-content:center;align-items:center;width:100vw;height:100%;min-height:400px;margin-left:calc(50% - 50vw);display:flex;position:relative;overflow:hidden}.agb-content{z-index:2;pointer-events:none;justify-content:center;width:100%;height:100%;display:flex;position:relative}.agb-bg-layer{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.agb-mask{background:radial-gradient(circle at center, transparent 30%, var(--bg-void) 90%);pointer-events:none;z-index:1;position:absolute;inset:0}.agb-tiles-container{justify-content:center;width:100%;height:100%;display:flex}.agb-row{border-left:1px solid var(--border);flex-direction:column;display:flex;position:relative}.agb-col{border-right:1px solid var(--border);border-top:1px solid var(--border);width:36px;height:36px;position:relative}@media (width>=640px){.agb-col{height:48px}}@media (width>=768px){.agb-row,.agb-col{width:48px}}.nf-wrap{background:var(--bg-void);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.nf-card{background:var(--bg-panel);border:1px solid var(--border-hair);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:440px;padding:40px 36px;display:flex}.nf-logo{width:auto;height:22px;margin-bottom:22px}.nf-badge{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--accent-critical);background:var(--accent-critical-dim);border-radius:20px;align-items:center;gap:6px;margin-bottom:14px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.nf-dot{background:var(--accent-critical);border-radius:50%;width:6px;height:6px}.nf-title{color:var(--text-primary);margin:0 0 6px;font-size:22px;font-weight:700;line-height:1.3}.nf-sub{color:var(--text-secondary);max-width:360px;margin:0 0 20px;font-size:14px;line-height:1.55}.nf-grid{grid-template-rows:repeat(4,44px);grid-template-columns:repeat(4,44px);gap:4px;margin-bottom:24px;display:grid}.nf-cell{border:1px solid var(--border-hair);border-radius:var(--radius-sm);font-family:var(--mono);color:var(--text-tertiary);background:var(--bg-inset);justify-content:center;align-items:center;font-size:14px;display:flex}.nf-cell--hit{border-color:var(--accent-critical);color:var(--accent-critical);background:var(--accent-critical-dim);font-weight:700}.nf-cta{background:var(--text-primary);color:var(--bg-panel);border-radius:var(--radius-sm);padding:10px 20px;font-size:13.5px;font-weight:600;text-decoration:none;transition:opacity .15s;display:inline-block}.nf-cta:hover{opacity:.85}.nf-footnote{color:var(--text-tertiary);margin-top:18px;font-size:11px}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal{background:var(--bg-layer);border:1px solid var(--border);border-radius:8px;width:90%;max-width:500px;padding:24px;box-shadow:0 10px 25px -5px #0000004d,0 8px 10px -6px #0000004d}.marketing-content-page{max-width:800px;min-height:60vh;margin:0 auto;padding:80px 24px}.content-page-header{text-align:center;margin-bottom:64px}.content-page-header h1{font-family:var(--display);letter-spacing:-.04em;color:var(--text-primary);margin:0 0 16px;font-size:48px;font-weight:700}.last-updated{font-family:var(--mono);color:var(--text-tertiary);font-size:13px}.content-page-body{color:var(--text-secondary);background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--shadow-panel);border-radius:var(--radius-lg);padding:48px;font-size:16px;line-height:1.7}.content-page-body h2{font-family:var(--display);color:var(--text-primary);margin:0 0 24px;font-size:28px}.content-page-body h2:not(:first-child){margin-top:48px}.content-page-body h3{font-family:var(--display);color:var(--text-primary);margin:32px 0 16px;font-size:20px}.content-page-body p{margin-bottom:24px}.content-page-body ul{margin-bottom:24px;padding-left:24px}.content-page-body li{margin-bottom:8px}.conn-banner{z-index:200;text-align:center;width:100%;padding:7px 12px;font-size:12.5px;font-weight:600;position:sticky;top:0}.conn-banner--offline{background:var(--accent-critical-dim,#ffe1e6);color:var(--accent-critical,#d3273e)}.conn-banner--slow{color:#8a6100;background:#fff3cd}:root{--bg-void:#f8f8f8;--bg-layer:#fff;--bg-layer-2:#f4f5f7;--bg-panel:#ffffffa6;--bg-inset:#00000005;--border:#0000000a;--border-subtle:#00000005;--border-bright:#00000014;--text-primary:#0a0a0a;--text-secondary:#52525b;--text-tertiary:#a1a1aa;--accent:#10b981;--accent-hover:#059669;--accent-dim:#10b9811a;--accent-signal:#10b981;--accent-warn:#f59e0b;--accent-critical:#ef4444;--accent-info:#3b82f6;--mono:"JetBrains Mono", "Fira Code", monospace;--sans:"Inter", -apple-system, sans-serif;--display:"Outfit", sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--shadow-panel:0 4px 6px -1px #00000005, 0 10px 15px -3px #0000000a;--shadow-glow:0 0 20px #10b98126}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--shadow-panel);border-radius:var(--radius-md)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background-color:var(--bg-void);color:var(--text-primary);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0 0,#10b9811f 0,#0000 50%),radial-gradient(at 100% 0,#3b82f61f 0,#0000 50%),radial-gradient(at 100% 100%,#f59e0b14 0,#0000 50%),radial-gradient(at 0 100%,#8b5cf61f 0,#0000 50%);background-attachment:fixed}::selection{background:var(--accent-dim);color:var(--accent-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}button{font-family:var(--sans);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}input,textarea,select{font-family:var(--sans)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--mono)}.btn-primary,.btn-ghost,.btn{border-radius:var(--radius-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:var(--text-primary);color:#fff;border-radius:var(--radius-sm);box-shadow:0 2px 4px #0000000d}.btn-primary:hover{background:#000;transform:scale(1.02);box-shadow:0 4px 8px #0000001a}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{border:1px solid var(--border-bright);color:var(--text-primary);background:0 0}.btn-ghost:not(:disabled):hover{background:#00000008}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-sm{padding:8px 16px;font-size:13px}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#0f172a4d;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(20px);animation:.3s cubic-bezier(.16,1,.3,1) modal-in}@keyframes modal-in{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{margin:0;font-size:18px;font-weight:600}.modal-close{color:var(--text-tertiary);border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:20px}.modal-close:hover{color:var(--text-primary);background:var(--bg-layer-2)}.modal-form{flex-direction:column;gap:20px;padding:24px;display:flex}.field{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.field-row{gap:16px;display:flex}.field label{color:var(--text-secondary);font-size:13px;font-weight:600}.field input,.field textarea,.field select{background:var(--bg-layer);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:12px;font-size:14px;transition:all .2s;box-shadow:inset 0 1px 2px #0000000d}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim), 0 1px 2px #0000000d inset;background:var(--bg-layer);outline:none}.field textarea{resize:vertical;min-height:80px}.checkbox-row{color:var(--text-secondary);cursor:pointer;align-items:center;gap:12px;font-size:14px;display:flex}.checkbox-row input{width:18px;height:18px;accent-color:var(--accent)}.form-error{color:#b91c1c;border-radius:var(--radius-sm);background:#fef2f2;border:1px solid #fecaca;padding:10px 14px;font-size:13px}.form-status{border-radius:var(--radius-sm);font-size:13px;font-family:var(--mono);padding:10px 14px}.form-status--pending{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.form-status--ok{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.form-status--warn{color:#a16207;background:#fefce8;border:1px solid #fef08a}.modal-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}@media (width<=480px){.field-row{flex-direction:column}}:root{--neutral-100:#f5f5f5;--neutral-900:#171717;--tile:var(--neutral-100)}.light body{--tile:var(--neutral-100)}.dark body{--tile:var(--neutral-900)}@media (prefers-color-scheme:dark){:root{--tile:var(--neutral-900)}}