@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.header{height:64px;width:100%;z-index:100;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:var(--surface-glass);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px #0000000d}body.editor-active .header{display:none}.header.is-home{position:fixed;top:0;left:0;right:0}.skip-to-content{position:absolute;top:-100px;left:0;background:var(--accent-primary);color:#fff;padding:8px;z-index:1000;transition:top var(--transition-fast)}.skip-to-content:focus{top:0}.header-container{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md)}.logo{font-size:1.25rem;font-weight:700;text-decoration:none;display:flex;align-items:center;gap:var(--space-xs);color:var(--text-primary)}.logo-text{color:var(--text-primary);font-weight:800;letter-spacing:-.5px}.logo-icon{height:24px;width:auto;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.logo:hover .logo-icon{transform:scale(1.1) rotate(-5deg)}.desktop-actions{display:none;align-items:center;gap:var(--space-lg)}@media(min-width:768px){.desktop-actions{display:flex}}.nav-list{display:flex;list-style:none;gap:var(--space-md);margin:0;padding:0}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color var(--transition-base);position:relative;padding:var(--space-xs) 0}.nav-link:hover,.nav-link:focus-visible{color:var(--text-primary)}.nav-link.active{color:var(--text-primary)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--accent-primary);border-radius:2px}.nav-chevron{transition:transform var(--transition-base)}.nav-item-dropdown{position:relative;padding-bottom:20px;margin-bottom:-20px}.nav-item-dropdown:hover .nav-chevron{transform:rotate(180deg)}.mega-menu{position:absolute;top:100%;right:-20px;width:800px;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 16px 40px #00000040,inset 0 1px #ffffff0d;padding:var(--space-xl);opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s cubic-bezier(.16,1,.3,1);z-index:1000;pointer-events:none}.nav-item-dropdown:not(.suppress-menu):hover .mega-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.mega-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl)}.mega-menu-column{display:flex;flex-direction:column}.mega-menu-category-header{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-weight:700;font-size:.95rem;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border)}.category-icon{color:var(--accent-primary)}.mega-menu-category-list{display:flex;flex-direction:column;gap:4px}.mega-menu-item{display:flex;align-items:center;gap:var(--space-md);padding:10px 12px;border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast);border:1px solid transparent}.mega-menu-item:hover{background:var(--bg-elevated);border-color:var(--border);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.mega-menu-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#2563eb1a;color:var(--accent-secondary);border-radius:var(--radius-sm);flex-shrink:0;transition:all var(--transition-fast)}.mega-menu-item:hover .mega-menu-icon{background:var(--accent-primary);color:#fff}.mega-menu-text{display:flex;flex-direction:column}.mega-menu-title{color:var(--text-primary);font-size:.9rem;font-weight:600}.mobile-actions{display:flex;align-items:center;gap:var(--space-md)}@media(min-width:768px){.mobile-actions{display:none}}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle:hover{color:var(--accent-primary);border-color:var(--accent-primary);background:var(--surface-glass)}.hamburger{display:flex;flex-direction:column;justify-content:space-around;width:24px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:101}.hamburger-line{width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:all var(--transition-base);position:relative;transform-origin:1px}.hamburger.open .hamburger-line:nth-child(1){transform:rotate(45deg)}.hamburger.open .hamburger-line:nth-child(2){opacity:0;transform:translate(20px)}.hamburger.open .hamburger-line:nth-child(3){transform:rotate(-45deg)}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--bg-primary);transform:translate(100%);transition:transform var(--transition-slow);z-index:99;display:flex;flex-direction:column;align-items:center;padding:100px 20px 40px;overflow-y:auto}.mobile-nav-overlay.open{transform:translate(0)}.mobile-nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.mobile-nav-link{font-size:1.5rem;color:var(--text-secondary);text-decoration:none;font-weight:600;transition:color var(--transition-base);position:relative}.mobile-nav-link.active{color:var(--text-primary)}.mobile-nav-link.active:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:var(--accent-primary)}.mobile-popular-tools{margin-top:var(--space-xl);width:100%;max-width:320px;border-top:1px solid var(--border);padding-top:var(--space-xl)}.mobile-popular-title{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:var(--space-md);text-align:center;font-weight:600}.mobile-popular-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.mobile-popular-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-md);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast);text-align:center;gap:var(--space-xs)}.mobile-popular-item:hover,.mobile-popular-item:active{border-color:var(--accent-primary);background:#2563eb0d}.mobile-popular-icon{color:var(--accent-secondary)}.mobile-popular-name{font-size:.85rem;color:var(--text-primary);font-weight:500}.mobile-tools-toggle{background:none;border:none;display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;padding:0}.mobile-tools-accordion{width:100%;max-width:320px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);margin-top:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.mobile-category-group{display:flex;flex-direction:column;gap:var(--space-sm)}.mobile-category-title{font-size:.8rem;text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.05em;font-weight:600;padding-left:var(--space-xs)}.search-bar-wrapper{position:relative;width:100%;max-width:400px;margin:0 var(--space-md);z-index:1001}.search-input-container{display:flex;align-items:center;background:var(--bg-secondary);border-radius:3px;padding:6px 16px;transition:all .2s ease;height:40px;border:1px solid transparent}.search-input-container.active,.search-input-container:focus-within{background:var(--bg-primary);border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-alpha)}.mobile-search-toggle,.mobile-back-button{display:none}.search-icon{color:var(--text-secondary);margin-right:8px;flex-shrink:0}.search-input-container.active .search-icon,.search-input-container:focus-within .search-icon{color:var(--accent-primary)}.search-input{flex:1;border:none;background:transparent;outline:none;color:var(--text-primary);font-family:var(--font-sans);font-size:.9rem;font-weight:400;padding:0;box-shadow:none;min-width:0}.search-input:focus{border:none;box-shadow:none}.search-input::placeholder{color:var(--text-secondary)}.search-clear{display:flex;align-items:center;justify-content:center;background:var(--border);color:var(--text-primary);border-radius:50%;width:20px;height:20px;margin-left:8px;opacity:.7;transition:opacity .2s;flex-shrink:0}.search-clear:hover{opacity:1}.search-dropdown{position:absolute;top:calc(100% + 12px);left:0;width:100%;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 16px 40px #00000040,inset 0 1px #ffffff0d;padding:12px;max-height:450px;overflow-y:auto;animation:slideUpFade .2s cubic-bezier(.16,1,.3,1) forwards}.search-no-results{padding:24px;text-align:center;color:var(--text-secondary);font-size:.95rem}.search-category{margin-bottom:16px}.search-category:last-child{margin-bottom:0}.search-category-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:8px;padding:0 8px}.search-category-list{display:flex;flex-direction:column;gap:4px}.search-result-item{display:flex;align-items:center;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;gap:12px}.search-result-item:hover,.search-result-item.selected{background:var(--accent-alpha)}.search-result-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);transition:all .2s ease;flex-shrink:0}.search-result-item:hover .search-result-icon,.search-result-item.selected .search-result-icon{background:var(--accent-primary);color:#fff}.search-result-text{display:flex;flex-direction:column;overflow:hidden}.search-result-title{font-weight:500;font-size:.95rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-subtitle{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-dropdown::-webkit-scrollbar{width:6px}.search-dropdown::-webkit-scrollbar-track{background:transparent}.search-dropdown::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}@media(max-width:768px){.search-bar-wrapper{max-width:none;margin:0;flex:0}.search-input-container{display:none}.mobile-search-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm)}.search-bar-wrapper.mobile-expanded{position:static}.search-bar-wrapper.mobile-expanded .search-input-container{display:flex;position:fixed;top:0;left:0;right:0;height:64px;background:var(--bg-primary);border-radius:0;border:none;box-shadow:0 4px 20px #0000001a;z-index:2000;padding:0 var(--space-md)}.desktop-only{display:none}.mobile-back-button{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-primary);margin-right:var(--space-sm);padding:var(--space-xs);cursor:pointer}.search-input{font-size:1rem}.search-bar-wrapper.mobile-expanded .search-dropdown{position:fixed;top:64px;left:0;right:0;width:100vw;height:calc(100vh - 64px);max-height:none;border-radius:0;border:none;border-top:1px solid var(--border);box-shadow:none;background:var(--bg-primary)}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding-top:var(--space-xl);margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.footer-grid{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-xl)}.footer-tools-grid{display:flex;flex-direction:column;gap:var(--space-lg)}@media(min-width:768px){.footer-grid{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.about-col{flex:0 0 100%;margin-bottom:var(--space-xl)}.footer-tools-grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin:0 var(--space-xl) 0 0}.connect-col{flex:0 0 200px}}.mobile-chevron{display:inline-block;margin-left:auto;transition:transform var(--transition-fast);color:var(--text-secondary)}.tool-section-col .footer-links{display:none;padding-left:var(--space-sm);margin-top:var(--space-sm);margin-bottom:var(--space-sm)}.tool-section-col.open .footer-links{display:flex}.tool-section-col.open .mobile-chevron{transform:rotate(180deg)}.tool-section-col .footer-heading{display:flex;align-items:center;cursor:pointer;padding:var(--space-sm) 0;margin-bottom:0;border-bottom:1px solid var(--border)}@media(min-width:768px){.mobile-chevron{display:none}.tool-section-col .footer-links{display:flex;padding-left:0;margin-top:0}.tool-section-col .footer-heading{cursor:default;border-bottom:none;padding:0;margin-bottom:var(--space-md)}}@media(min-width:1024px){.about-col{flex:0 0 300px;margin-bottom:0}.footer-tools-grid{grid-template-columns:repeat(4,1fr);margin:0 var(--space-xl)}}.footer-description{color:var(--text-secondary);line-height:1.6;font-size:.95rem;margin:0 0 var(--space-lg) 0}.mt-3{margin-top:var(--space-md)}.footer-heading{color:var(--text-primary);font-size:1.125rem;margin-bottom:var(--space-md);font-weight:600}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.footer-links.horizontal-links{flex-direction:row;flex-wrap:wrap;gap:var(--space-md)}.footer-links.horizontal-links a{font-size:.85rem;color:var(--accent-secondary)}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover,.footer-links a:focus-visible{color:var(--text-primary);text-decoration:underline}.footer-bottom{border-top:1px solid var(--border);padding:var(--space-md) 0}.footer-bottom-content{max-width:1200px;margin:0 auto;padding:0 var(--space-md);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--text-secondary);font-size:.875rem;text-align:center}@media(min-width:768px){.footer-bottom-content{flex-direction:row;justify-content:space-between}}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;width:100%}.tool-card{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:var(--surface-glass);border:1px solid var(--border);border-radius:var(--radius-lg);position:relative;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background var(--transition-base);animation:fadeInUp .5s ease-out backwards;animation-delay:var(--delay, 0s);display:flex;flex-direction:column}@media(prefers-reduced-motion:reduce){.tool-card{animation:none;transition:none}}.tool-card:hover:not(.is-inactive){transform:translateY(-4px);box-shadow:0 8px 30px #0006,inset 0 1px #ffffff1a;border-color:var(--accent-primary);background:var(--accent-alpha)}.tool-card-link{display:flex;flex-direction:column;padding:var(--space-lg);text-decoration:none;color:inherit;height:100%;border-radius:var(--radius-lg)}.tool-card-link.disabled{pointer-events:none}.tool-card-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.tool-card-icon{font-size:2.5rem;margin-bottom:var(--space-md);color:var(--text-primary);transition:color var(--transition-fast),transform var(--transition-base)}.tool-card-content{flex:1}.tool-card-title{margin:0 0 var(--space-xs);font-size:1.25rem;color:var(--text-primary);font-weight:600}.tool-card-tagline{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.tool-card-category{position:absolute;top:var(--space-md);right:var(--space-md);font-size:.75rem;background:var(--bg-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-xl);color:var(--text-secondary);font-weight:500;border:1px solid var(--border);transition:border-color var(--transition-fast),color var(--transition-fast)}.tool-card:hover:not(.is-inactive) .tool-card-category{border-color:var(--accent-primary);color:var(--accent-primary)}.tool-card:hover:not(.is-inactive) .tool-card-icon{color:var(--accent-primary);transform:scale(1.05)}.tool-card-coming-soon{position:absolute;inset:0;background:#0a0a1ab3;backdrop-filter:blur(4px);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--text-primary);font-weight:600;font-size:1.125rem;text-transform:uppercase;letter-spacing:1px}.tool-network-container{position:relative;width:100%;height:500px;max-width:600px;margin:0 auto;overflow:visible;animation:fadeUp 1s ease-out backwards}.network-svg{position:absolute;top:0;left:0;z-index:1;pointer-events:none}.animated-line{animation:flowLine 20s linear infinite;filter:url(#glow)}@keyframes flowLine{to{stroke-dashoffset:-200}}.network-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:0 0 30px #0000001a,inset 0 0 20px #ffffff0d;color:var(--accent-primary)}.hub-icon{animation:slowSpin 20s linear infinite}@keyframes slowSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hub-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;border:2px solid var(--accent-primary);opacity:0;animation:pulseOut 3s cubic-bezier(.16,1,.3,1) infinite;z-index:-1}.hub-pulse.delay{animation-delay:1.5s}@keyframes pulseOut{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.network-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);text-decoration:none;z-index:5;animation:floatNode 6s ease-in-out infinite alternate;cursor:pointer;transition:transform var(--transition-fast)}.network-node:hover{animation-play-state:paused;transform:translate(-50%,-50%) scale(1.1);z-index:10}.category-node .node-icon-wrapper{width:64px;height:64px;border-radius:20px}.sub-node .node-icon-wrapper.small{width:44px;height:44px;border-radius:12px}.sub-node .node-label.small{font-size:.65rem;padding:3px 8px}.node-icon-wrapper{background:var(--surface-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);box-shadow:0 4px 12px #0000001a;transition:all var(--transition-fast)}.network-node:hover .node-icon-wrapper{border-color:var(--accent-primary);background:var(--bg-elevated);box-shadow:0 8px 24px var(--accent-alpha);color:var(--accent-primary)}.node-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);background:var(--bg-elevated);padding:4px 10px;border-radius:20px;border:1px solid var(--border);white-space:nowrap;box-shadow:0 2px 8px #0000000d;transition:all var(--transition-fast)}.network-node:hover .node-label{color:var(--text-primary);border-color:var(--accent-primary)}@keyframes floatNode{0%{margin-top:0;margin-left:0}33%{margin-top:-10px;margin-left:5px}66%{margin-top:5px;margin-left:-10px}to{margin-top:0;margin-left:0}}.animated-line-slow{animation:flowLine 30s linear infinite;filter:url(#glow)}@media(max-width:900px){.tool-network-container{height:400px}}@media(max-width:600px){.tool-network-container{height:350px;transform:scale(.85)}}.home-page{width:100%}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.hero{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding:calc(64px + var(--space-2xl)) var(--space-md) var(--space-2xl)}.hero-bg-orb{position:absolute;border-radius:50%;filter:blur(100px);z-index:-1;opacity:.5}.orb-1{width:400px;height:400px;background:var(--text-secondary);opacity:.05;top:-100px;left:-100px}.orb-2{width:300px;height:300px;background:var(--text-secondary);opacity:.03;bottom:-50px;right:-50px}.hero-container{width:100%;max-width:1300px;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center;z-index:1;margin:auto}@media(max-width:960px){.hero-container{grid-template-columns:1fr;text-align:center;gap:var(--space-2xl)}}.hero-content-left{display:flex;flex-direction:column;gap:var(--space-lg)}@media(max-width:960px){.hero-content-left{align-items:center}}.hero-content-right{display:flex;justify-content:center;align-items:center;width:100%}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--bg-elevated);border:1px solid var(--border);padding:8px 16px;border-radius:100px;font-size:.85rem;font-weight:500;line-height:1;color:var(--text-primary);width:fit-content;margin-bottom:var(--space-xs)}.hero-badge-icon{color:var(--accent-primary);display:flex;align-items:center}.hero-badge-dot{color:var(--text-secondary);font-size:.75rem;line-height:1}.hero-heading{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;color:var(--text-primary);line-height:1.1;margin:0;word-wrap:break-word;hyphens:auto}.gradient-text{color:var(--accent-primary)}.hero-subheading{font-size:clamp(1.125rem,2vw,1.3rem);color:var(--text-secondary);line-height:1.6;margin:0;max-width:600px}.hero-actions{margin-top:var(--space-md)}.cta-button{background:var(--accent-primary);color:#fff;border:none;padding:16px 36px;font-size:1.125rem;font-weight:700;border-radius:var(--radius-xl);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.cta-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);background:var(--accent-secondary)}.scroll-indicator{position:absolute;bottom:var(--space-xl);left:50%;transform:translate(-50%);color:var(--text-secondary);cursor:pointer;animation:floatDown 2.5s ease-in-out infinite;transition:all var(--transition-fast);z-index:10;opacity:.7}.scroll-indicator:hover{color:var(--accent-primary);opacity:1}@keyframes floatDown{0%{transform:translate(-50%) translateY(-5px);opacity:.4}50%{transform:translate(-50%) translateY(10px);opacity:1}to{transform:translate(-50%) translateY(-5px);opacity:.4}}.tools-section{padding:var(--space-3xl) 0;background:var(--bg-secondary)}.section-heading{font-size:2rem;color:var(--text-primary);margin-bottom:var(--space-xl);text-align:center}.tool-mode-segment{display:flex;background:var(--bg-elevated);padding:4px;border-radius:var(--radius-xl);border:1px solid var(--border);max-width:max-content;margin:0 auto var(--space-lg) auto;width:100%;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.tool-mode-segment::-webkit-scrollbar{display:none}@media(max-width:480px){.tool-mode-segment{max-width:100%;border-radius:var(--radius-md);justify-content:flex-start}}.segment-btn{flex:1;padding:8px 12px;border:none;background:transparent;color:var(--text-secondary);font-weight:600;font-size:.9rem;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}@media(max-width:480px){.segment-btn{font-size:.8rem;padding:8px 6px}}.segment-btn.active{background:var(--accent-primary);color:#fff;box-shadow:0 2px 8px #0003}.category-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);overflow-x:auto;padding-bottom:var(--space-sm);justify-content:flex-start;-ms-overflow-style:none;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}@media(min-width:768px){.category-tabs{justify-content:center}}.category-tab{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);padding:8px 16px;border-radius:var(--radius-xl);cursor:pointer;white-space:nowrap;font-weight:500;transition:all var(--transition-fast)}.category-tab:hover{color:var(--text-primary);background:var(--surface-glass)}.category-tab.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.tools-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media(min-width:768px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.tools-grid{grid-template-columns:repeat(3,1fr)}}.tool-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);animation:fadeUp .5s ease-out backwards}.tool-card:hover:not(.coming-soon){transform:translateY(-4px);border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.tool-card.coming-soon{opacity:.6}.tool-card-content{display:flex;flex-direction:column;height:100%}.tool-title{color:var(--text-primary);font-size:1.25rem;margin-bottom:var(--space-xs)}.tool-desc{color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--space-lg);flex-grow:1}.tool-link{color:var(--accent-primary);text-decoration:none;font-weight:600;align-self:flex-start;transition:color var(--transition-fast)}.tool-link:hover{color:var(--accent-secondary)}.badge-coming-soon{display:inline-block;background:var(--surface-glass);color:var(--text-secondary);padding:4px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;align-self:flex-start}.features-section{padding:var(--space-3xl) 0}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media(min-width:768px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{text-align:center;padding:var(--space-lg)}.feature-icon{font-size:2.5rem;margin-bottom:var(--space-md)}.feature-title{color:var(--text-primary);font-size:1.25rem;margin-bottom:var(--space-sm)}.feature-desc{color:var(--text-secondary);line-height:1.6}.faq-section{padding:var(--space-3xl) 0;background:var(--bg-secondary)}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md)}.faq-item{background:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid transparent;border-radius:var(--radius-lg);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.faq-item:hover{border-color:var(--accent-primary);border-left-color:var(--accent-secondary);box-shadow:0 4px 20px #00000026;transform:translate(4px)}.faq-item.open{border-color:var(--accent-primary);border-left-color:var(--accent-primary);box-shadow:0 4px 20px #00000026;background:var(--surface-glass);transform:translate(4px)}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);gap:var(--space-md)}.faq-question h3{color:var(--text-primary);font-weight:600;font-size:1.1rem;margin:0;line-height:1.4}.faq-icon{color:var(--accent-primary);flex-shrink:0;transition:transform var(--transition-base)}.faq-icon.rotate{transform:rotate(180deg);color:var(--accent-secondary)}.faq-answer-container{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-base)}.faq-item.open .faq-answer-container{grid-template-rows:1fr}.faq-answer{overflow:hidden;min-height:0;opacity:0;transform:translateY(-10px);transition:opacity .4s ease,transform .4s cubic-bezier(.4,0,.2,1)}.faq-item.open .faq-answer{opacity:1;transform:translateY(0)}.faq-answer p{color:var(--text-secondary);line-height:1.7;margin:0;padding:0 var(--space-lg) var(--space-lg) var(--space-lg)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.how-it-works-section{padding:var(--space-3xl) 0;background:var(--bg-primary);text-align:center}.section-subheading{color:var(--text-secondary);font-size:1.1rem;margin-top:-10px;margin-bottom:var(--space-2xl)}.steps-container{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-xl);max-width:1000px;margin:0 auto}@media(min-width:768px){.steps-container{flex-direction:row;gap:var(--space-md);align-items:flex-start}}.step-card{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-lg);position:relative;z-index:2}.step-icon-wrapper{width:80px;height:80px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-lg);color:var(--accent-primary);box-shadow:0 4px 20px #0000001a;position:relative}.step-icon-wrapper:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));z-index:-1;opacity:.15;transition:opacity .3s}.step-card:hover .step-icon-wrapper:after{opacity:.3}.step-title{color:var(--text-primary);font-size:1.25rem;margin-bottom:var(--space-sm);font-weight:600}.step-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.step-connector{display:block;width:2px;height:40px;background:var(--border);position:relative;flex-shrink:0;margin:-10px 0}.step-connector:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--accent-primary);transform-origin:top;transform:scaleY(0);animation:drawLineVertical 1s cubic-bezier(.4,0,.2,1) forwards;animation-play-state:paused}.scroll-reveal.is-visible~.step-connector:after{animation-play-state:running}.step-connector.delay:after{animation-delay:.5s}@media(min-width:768px){.step-connector{width:60px;height:2px;margin:56px 0 0}.step-connector:after{transform-origin:left;transform:scaleX(0);animation:drawLineHorizontal 1s cubic-bezier(.4,0,.2,1) forwards;animation-play-state:paused}}@keyframes drawLineVertical{to{transform:scaleY(1)}}@keyframes drawLineHorizontal{to{transform:scaleX(1)}}.privacy-section{padding:var(--space-3xl) 0;background:var(--bg-secondary);overflow:hidden}.privacy-container{display:grid;grid-template-columns:1fr;gap:var(--space-2xl);align-items:center}@media(min-width:960px){.privacy-container{grid-template-columns:1fr 1fr}}.privacy-content{display:flex;flex-direction:column;gap:var(--space-md)}.privacy-badge{display:inline-block;background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2);padding:6px 12px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;width:fit-content}.privacy-heading{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--text-primary);line-height:1.1;margin:0}.privacy-desc{color:var(--text-secondary);font-size:1.1rem;line-height:1.7}.privacy-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-sm)}.privacy-list li{color:var(--text-primary);font-size:1.05rem;display:flex;align-items:flex-start;gap:12px}.privacy-list li:before{content:"✓";color:#10b981;font-weight:700;font-size:1.2rem}.privacy-visual{position:relative;display:flex;justify-content:center;align-items:center;width:100%;min-height:400px}.privacy-network-collage{position:relative;width:100%;max-width:400px;height:400px;display:flex;align-items:center;justify-content:center}.collage-lines{position:absolute;inset:0;width:100%;height:100%;z-index:0}.collage-lines .line{stroke:#10b98166;stroke-width:2;stroke-dasharray:4 6}.collage-lines .line.animated{animation:march 20s linear infinite}@keyframes march{to{stroke-dashoffset:-100}}.collage-node{position:absolute;background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1;box-shadow:0 8px 32px #0003}.collage-node.center{width:100px;height:100px;top:50%;left:50%;transform:translate(-50%,-50%);background:#10b9811a;border-color:#10b9814d;color:#10b981}.collage-node.center .pulse-ring{position:absolute;inset:-10px;border-radius:50%;border:2px solid rgba(16,185,129,.4);animation:expandPulse 2s cubic-bezier(.4,0,.2,1) infinite}@keyframes expandPulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}.collage-node.top-left{width:60px;height:60px;top:20%;left:20%;transform:translate(-50%,-50%);color:var(--text-secondary);animation:floatNode 4s ease-in-out infinite alternate}.collage-node.top-right{width:60px;height:60px;top:20%;left:80%;transform:translate(-50%,-50%);color:var(--text-secondary);animation:floatNode 5s ease-in-out infinite alternate-reverse}.collage-node.bottom{width:60px;height:60px;top:80%;left:50%;transform:translate(-50%,-50%);color:var(--text-secondary);animation:floatNode 4.5s ease-in-out infinite alternate}@keyframes floatNode{0%{transform:translate(-50%,-50%) translateY(-5px)}to{transform:translate(-50%,-50%) translateY(5px)}}.scroll-dots-container{position:fixed;left:24px;top:50%;transform:translateY(-50%);z-index:50}@media(max-width:768px){.scroll-dots-container{display:none}}.scroll-dots-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.scroll-dot-item{position:relative;display:flex;align-items:center}.scroll-dot-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0}.scroll-dot-indicator{width:8px;height:8px;border-radius:50%;background:var(--text-secondary);transition:all .3s cubic-bezier(.16,1,.3,1);opacity:.5}.scroll-dot-btn:hover .scroll-dot-indicator{opacity:1;background:var(--text-primary);transform:scale(1.2)}.scroll-dot-btn.active .scroll-dot-indicator{opacity:1;background:var(--accent-primary);transform:scale(1.5);box-shadow:0 0 10px var(--accent-alpha-hover)}.scroll-dot-tooltip{position:absolute;left:32px;background:var(--bg-elevated);color:var(--text-primary);padding:4px 10px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-10px);transition:all .2s cubic-bezier(.16,1,.3,1);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.scroll-dot-item:hover .scroll-dot-tooltip{opacity:1;transform:translate(0)}.scroll-reveal{transition-property:opacity,transform;transition-timing-function:cubic-bezier(.2,.8,.2,1);will-change:opacity,transform}.scroll-reveal.fade-in{opacity:0}.scroll-reveal.fade-up{opacity:0;transform:translateY(40px)}.scroll-reveal.slide-left{opacity:0;transform:translate(40px)}.scroll-reveal.slide-right{opacity:0;transform:translate(-40px)}.scroll-reveal.scale-up{opacity:0;transform:scale(.95)}.scroll-reveal.is-visible{opacity:1;transform:translate(0) scale(1)}@media(prefers-reduced-motion:reduce){.scroll-reveal{transition:none!important;opacity:1!important;transform:none!important}}:root{--bg-primary: #0F172A;--bg-secondary: #1E293B;--bg-elevated: #111827;--surface-glass: rgba(15, 23, 42, .65);--accent-primary: #3B82F6;--accent-secondary: #60A5FA;--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--success: #22C55E;--warning: #FBBF24;--error: #F87171;--border: #334155;--border-focus: rgba(59, 130, 246, .4);--glass-border: rgba(255, 255, 255, .1);--dropzone-bg: rgba(30, 41, 59, .6);--accent-alpha: rgba(59, 130, 246, .15);--accent-alpha-hover: rgba(59, 130, 246, .25);--accent-gradient: linear-gradient(135deg, #3B82F6, #60A5FA);--accent-gradient-hover: linear-gradient(135deg, #60A5FA, #93C5FD);--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-glow: 0 0 20px rgba(255, 255, 255, .1);--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-base: .25s cubic-bezier(.16, 1, .3, 1);--transition-slow: .4s cubic-bezier(.16, 1, .3, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--z-negative: -1;--z-elevate: 1;--z-sticky: 100;--z-drawer: 200;--z-modal: 300;--z-popover: 400;--z-toast: 500}[data-theme=light]{--bg-primary: #FFFFFF;--bg-secondary: #F8FAFC;--bg-elevated: #FFFFFF;--surface-glass: rgba(255, 255, 255, .85);--accent-primary: #2563EB;--accent-secondary: #1D4ED8;--text-primary: #111827;--text-secondary: #6B7280;--border: #E5E7EB;--border-focus: rgba(37, 99, 235, .4);--glass-border: rgba(229, 231, 235, .5);--dropzone-bg: rgba(248, 250, 252, .6);--accent-alpha: rgba(37, 99, 235, .1);--accent-alpha-hover: rgba(37, 99, 235, .15);--accent-gradient: linear-gradient(135deg, #2563EB, #1D4ED8);--accent-gradient-hover: linear-gradient(135deg, #1D4ED8, #1e40af);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .03);--shadow-glow: 0 0 20px rgba(37, 99, 235, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border)}::selection{background:var(--text-primary);color:var(--bg-primary)}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600;color:var(--text-primary)}a{color:var(--accent-secondary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-primary)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--border-focus)}:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:2px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.glass-panel{background:var(--surface-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000000d,inset 0 1px #ffffff0d}.gradient-text{color:var(--accent-primary);display:inline-block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #ffffff1a}50%{box-shadow:0 0 25px #fff3}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp var(--transition-slow)}.animate-fade-in{animation:fadeIn var(--transition-base)}.animate-scale-in{animation:scaleIn var(--transition-base)}.animate-slide-in-right{animation:slideInRight var(--transition-base)}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s infinite}.shimmer{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-elevated) 50%,var(--bg-secondary) 75%);background-size:1000px 100%;animation:shimmer 2s infinite linear}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:768px){:root{--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px}.container{padding:0 var(--space-sm)}}.lucide-icon{stroke:currentColor;transition:transform var(--transition-fast),filter var(--transition-fast),color var(--transition-fast)}.tool-card:hover .lucide-icon{transform:scale(1.1);color:var(--accent-secondary)}