@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@300;400;500;600&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{position:sticky;top:0;transition:background-color .5s ease,border-color .5s ease;z-index:100}.nav-container{gap:8px}.header-inner,.nav-container{align-items:center;display:flex}.header-inner{height:64px;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 24px}.logo{align-items:center;display:flex;gap:10px;text-decoration:none}.logo-icon{color:var(--accent);font-size:22px;line-height:1}.logo-text{color:var(--text-primary);font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.02em}.nav{align-items:center;display:flex;gap:16px}.nav-back{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:500;padding:6px 12px;transition:var(--transition)}.nav-back:hover{background:var(--bg-card);border-color:var(--border-light);color:var(--text-primary)}.nav-link{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:500;padding:6px 14px;transition:var(--transition)}.nav-link:hover{background:var(--accent-dim2);border-color:var(--accent);color:var(--accent)}.nav-badge{background:var(--accent-dim);border-radius:20px;color:var(--accent);font-size:12px;font-weight:600;letter-spacing:.02em;padding:4px 10px}.nav-status{background:var(--border);border-radius:4px;color:var(--text-secondary);font-size:11px;font-weight:700;letter-spacing:.05em;opacity:.8;padding:2px 8px;text-transform:uppercase}@media (max-width:600px){.header-inner{padding:0 12px}.logo{gap:6px}.logo-text{font-size:16px}.nav{gap:6px}.nav-badge{display:none}.nav-back,.nav-link{font-size:12px;padding:6px 8px}}@media (max-width:400px){.logo-text{font-size:14px}.nav-back,.nav-link{padding:5px 6px}}.theme-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;margin-left:12px;padding:0}.toggle-track{background:var(--border);border:1px solid var(--border-light);border-radius:20px;height:28px;padding:4px;position:relative;transition:var(--transition);width:52px}.theme-toggle.dark .toggle-track{background:#6366f133;border-color:#6366f166}.toggle-thumb{align-items:center;background:var(--bg-primary);border-radius:50%;box-shadow:var(--shadow-sm);display:flex;font-size:12px;height:20px;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1),background .3s;width:20px}.theme-toggle.dark .toggle-thumb{background:var(--accent);transform:translateX(24px)}.theme-toggle:hover .toggle-track{border-color:var(--accent)}.tool-card{cursor:pointer;overflow:hidden;position:relative;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s ease}.tool-card,.tool-card:before{border-radius:var(--radius-lg)}.tool-card:before{background:linear-gradient(135deg,color-mix(in srgb,var(--card-color) 40%,#0000),#0000 50%,color-mix(in srgb,var(--card-color) 15%,#0000));content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:2}.tool-card:hover:before{opacity:1}.card-glow{background:radial-gradient(ellipse 60% 40% at 30% 30%,color-mix(in srgb,var(--card-color) 8%,#0000),#0000 70%);border-radius:var(--radius-lg);inset:-1px;opacity:0;pointer-events:none;position:absolute;transition:opacity .4s ease;z-index:0}.tool-card:hover .card-glow{opacity:1}.tool-card:hover{box-shadow:var(--shadow-lg),0 0 0 1px var(--accent-dim);transform:translateY(-8px)}.card-inner{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:16px;height:100%;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.tool-card:hover .card-inner{background:var(--bg-card-hover);border-color:var(--accent)}.tool-card-featured .card-inner{background:linear-gradient(145deg,color-mix(in srgb,var(--card-color) 6%,var(--bg-card)) 0,var(--bg-card) 60%);padding:28px}.card-top{align-items:flex-start;display:flex;justify-content:space-between}.card-logo{align-items:center;background:color-mix(in srgb,var(--card-color) 15%,#0000);border:1px solid color-mix(in srgb,var(--card-color) 30%,#0000);border-radius:14px;display:flex;height:52px;justify-content:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1);width:52px}.tool-card:hover .card-logo{transform:scale(1.08) rotate(-2deg)}.card-emoji{font-size:24px;line-height:1}.card-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.badge{letter-spacing:.06em;padding:3px 8px;text-transform:uppercase}.badge-popular{background:#4f46e51a;border:1px solid #4f46e533}.badge-new{background:#10b9811a;border:1px solid #10b98133;color:#059669}.card-body{flex:1 1}.card-category{color:color-mix(in srgb,var(--card-color) 80%,var(--text-muted));font-size:10.5px;font-weight:700;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.card-name{color:var(--text-primary);font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:8px}.card-desc{color:var(--text-secondary);font-size:13.5px;line-height:1.55}.card-footer{border-top:1px solid var(--border);gap:10px;padding-top:14px}.card-footer,.card-rating{align-items:center;display:flex}.card-rating{gap:4px}.star{color:#fbbf24;font-size:13px}.rating-val{color:var(--text-primary);font-size:13px;font-weight:600}.card-users{flex:1 1}.card-cta,.card-users{color:var(--text-muted);font-size:12px}.card-cta{align-items:center;display:flex;font-weight:600;gap:4px;transition:color .2s ease;white-space:nowrap}.tool-card:hover .card-cta{color:var(--accent)}.card-arrow{display:inline-block;transition:transform .2s ease}.tool-card:hover .card-arrow{transform:translateX(3px)}.home{min-height:100vh}.container{margin:0 auto;max-width:1280px;padding:0 24px}.hero{overflow:hidden;padding:96px 24px 80px;position:relative;text-align:center}.hero-bg{inset:0;pointer-events:none;position:absolute;z-index:0}.hero-orb{border-radius:50%;filter:blur(80px);position:absolute}.hero-orb-1{background:var(--accent);height:500px;left:50%;opacity:.05;top:-200px;transform:translateX(-50%);width:500px}.hero-orb-2{background:#a855f7;bottom:-100px;height:400px;opacity:.04;right:5%;width:400px}.hero-orb-3{background:#0ea5e9;height:300px;left:-50px;opacity:.03;top:20%;width:300px}.hero-grid{background-image:linear-gradient(var(--border) 1px,#0000 1px),linear-gradient(90deg,var(--border) 1px,#0000 1px);background-size:64px 64px;inset:0;mask-image:radial-gradient(ellipse 80% 80% at 50% 0,#000 10%,#0000 100%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 0,#000 10%,#0000 100%);position:absolute}.hero-content{margin:0 auto;max-width:700px;position:relative;z-index:1}.hero-eyebrow{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;color:var(--text-muted);display:inline-flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.12em;margin-bottom:28px;padding:6px 16px;text-transform:uppercase}.eyebrow-dot{animation:pulse-dot 2.5s ease-in-out infinite;background:var(--accent);border-radius:50%;height:6px;width:6px}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 0 #c8ff5766;opacity:1}50%{box-shadow:0 0 0 5px #c8ff5700;opacity:.7}}.hero-title{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(38px,5.5vw,68px);font-weight:800;letter-spacing:-.035em;line-height:1.06;margin-bottom:20px}.hero-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f46e5,#a855f7 50%,#0ea5e9);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);font-size:17px;line-height:1.65;margin-left:auto;margin-right:auto;max-width:500px}.hero-subtitle,.search-wrap{margin-bottom:36px}.search-bar{margin:0 auto 12px;max-width:580px;position:relative}.search-icon{color:var(--text-muted);font-size:21px;left:18px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-card);border:1px solid var(--border);border-radius:100px;box-shadow:var(--shadow-md);color:var(--text-primary);font-size:16px;outline:none;padding:18px 50px 18px 56px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{background:var(--bg-card-hover);border-color:var(--accent);box-shadow:var(--shadow-lg),0 0 0 4px var(--accent-dim);transform:translateY(-2px)}.search-clear{background:var(--border);border-radius:50%;color:var(--text-muted);font-size:13px;padding:5px 9px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s}.search-clear:hover{background:var(--border-light);color:var(--text-primary)}.search-suggestions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.suggestion-pill{background:#0000;border:1px solid var(--border);border-radius:20px;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:500;padding:5px 12px;transition:all .2s}.suggestion-pill:hover{background:#c8ff570d;border-color:#c8ff5766;color:var(--accent)}.hero-stats{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.stat{text-align:center}.stat-num{color:var(--accent);display:block;font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:-.02em}.stat-label{color:var(--text-muted);font-size:11px;font-weight:500;letter-spacing:.05em}.stat-divider{background:var(--border);height:28px;width:1px}.section-label{align-items:center;color:var(--text-muted);display:flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.1em;margin-bottom:20px;text-transform:uppercase}.section-label-dot{background:var(--accent);border-radius:50%;height:7px;width:7px}.featured-section{padding:0 0 48px}.featured-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);cursor:pointer;overflow:hidden;padding:40px;position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.featured-card:hover{background:var(--bg-card-hover);border-color:var(--accent);box-shadow:var(--shadow-lg),0 0 0 1px var(--accent-dim);transform:translateY(-4px)}.featured-bg-glow{background:radial-gradient(circle,color-mix(in srgb,var(--featured-color) 12%,#0000),#0000 70%);border-radius:50%;height:500px;left:-100px;pointer-events:none;position:absolute;top:-200px;width:500px}.featured-content{grid-gap:48px;align-items:center;display:grid;gap:48px;grid-template-columns:1fr 1fr;position:relative;z-index:1}.featured-logo{display:block;filter:drop-shadow(0 4px 12px color-mix(in srgb,var(--featured-color) 40%,transparent));font-size:52px;margin-bottom:14px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.featured-card:hover .featured-logo{transform:scale(1.08) rotate(-3deg)}.featured-category{color:var(--accent);font-size:10.5px;font-weight:700;letter-spacing:.12em;margin-bottom:8px;text-transform:uppercase}.featured-name{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(28px,3vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:10px}.featured-tagline{color:var(--text-secondary);font-size:15px;line-height:1.5;margin-bottom:16px}.featured-meta{display:flex;font-size:13px;gap:16px;margin-bottom:24px}.feat-rating{color:#fbbf24;font-weight:600}.feat-users{color:var(--text-muted)}.featured-cta{align-items:center;background:var(--accent);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:14px;font-weight:700;gap:8px;padding:12px 24px;transition:all .2s}.featured-cta:hover{background:var(--accent-hover);box-shadow:0 8px 20px #4f46e540;transform:translateY(-1px)}.featured-use-cases{display:flex;flex-direction:column;gap:16px}.feat-use-case{background:#ffffff08;border:1px solid #ffffff0f;border-radius:var(--radius-md);display:flex;gap:14px;padding:16px;transition:border-color .2s}.featured-card:hover .feat-use-case{border-color:color-mix(in srgb,var(--featured-color) 20%,#0000)}.feat-uc-num{color:var(--accent);font-family:var(--font-display);font-size:12px;font-weight:800;min-width:24px;opacity:.8}.feat-uc-title{color:var(--text-primary);font-size:13.5px;font-weight:600;margin-bottom:3px}.feat-uc-desc{color:var(--text-muted);font-size:12.5px;line-height:1.4}.featured-dots{bottom:20px;display:flex;gap:6px;position:absolute;right:24px;z-index:2}.feat-dot{background:var(--border-light);border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:all .3s;width:8px}.feat-dot-active{background:var(--accent);border-radius:4px;width:24px}.recent-section{padding:0 0 48px}.recent-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.recent-card{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all .25s ease}.recent-card:hover{background:var(--bg-card-hover);border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.recent-emoji{font-size:22px}.recent-name{color:var(--text-primary);font-size:13.5px;font-weight:600}.recent-cat{color:var(--text-muted);font-size:11px}.recent-arrow{color:var(--text-muted);font-size:16px;margin-left:auto;transition:all .2s}.recent-card:hover .recent-arrow{color:color-mix(in srgb,var(--card-color) 80%,#fff);transform:translateX(3px)}.categories-browse{padding:0 0 48px}.cat-cards-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr)}.cat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:20px 16px;text-align:left;transition:all .25s ease}.cat-card:hover{background:var(--bg-card-hover);border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-3px)}.cat-card-icon{font-size:24px}.cat-card-name{color:var(--text-primary);font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:-.01em}.cat-card-count{color:var(--text-muted);font-size:12px}.filters-bar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--glass-bg);border-bottom:1px solid var(--border);border-top:1px solid var(--border);position:sticky;top:64px;z-index:90}.filters-inner{align-items:center;display:flex;gap:16px;margin:0 auto;max-width:1280px;padding:12px 24px}.categories-scroll{display:flex;flex:1 1;gap:6px;overflow-x:auto;scrollbar-width:none}.categories-scroll::-webkit-scrollbar{display:none}.cat-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:20px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:12.5px;font-weight:500;gap:5px;padding:6px 14px;transition:all .2s;white-space:nowrap}.cat-btn:hover{background:var(--bg-card);border-color:var(--border);color:var(--text-primary)}.cat-btn-active{background:var(--accent)!important;border-color:var(--accent)!important;box-shadow:0 4px 12px #4f46e533;color:#fff!important;font-weight:700}.cat-btn-icon{font-size:13px}.cat-btn-count{font-size:10px;font-weight:600;opacity:.6}.filter-controls{align-items:center;display:flex;flex-shrink:0;gap:8px}.sort-select{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:12.5px;font-weight:500;outline:none;padding:6px 12px;transition:all .2s}.sort-select:hover{border-color:var(--border-light);color:var(--text-primary)}.view-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.view-btn{background:#0000;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;line-height:1;padding:6px 11px;transition:all .2s}.view-btn:hover{background:#ffffff0a;color:var(--text-primary)}.view-btn-active{background:#c8ff571a!important;color:var(--accent)!important}.tools-section{padding:40px 0 80px}.section-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:28px}.section-header,.section-header-left{align-items:center;display:flex;gap:12px}.section-title{color:var(--text-primary);font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.02em}.results-count{background:var(--bg-card);padding:3px 10px}.clear-filters-btn,.results-count{border:1px solid var(--border);border-radius:20px;color:var(--text-muted);font-size:12px}.clear-filters-btn{background:#0000;cursor:pointer;font-weight:600;padding:6px 14px;transition:all .2s}.clear-filters-btn:hover{background:var(--bg-card);border-color:var(--border-light);color:var(--text-primary)}.tools-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(310px,1fr))}.tools-list{display:flex;flex-direction:column;gap:10px}.list-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:18px;padding:18px 22px;transition:all .22s ease}.list-card:hover{background:var(--bg-card-hover);border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateX(4px)}.list-logo{align-items:center;background:color-mix(in srgb,var(--card-color) 12%,#0000);border-radius:var(--radius-sm);display:flex;flex-shrink:0;font-size:28px;height:48px;justify-content:center;width:48px}.list-body{flex:1 1;min-width:0}.list-meta{align-items:center;display:flex;gap:8px;margin-bottom:4px}.list-category{color:color-mix(in srgb,var(--card-color) 70%,var(--text-muted));font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.list-name{color:var(--text-primary);font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:-.01em;margin-bottom:3px}.list-desc{color:var(--text-secondary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-stats{flex-shrink:0;text-align:right}.list-rating{color:#fbbf24;font-size:13px;font-weight:600;margin-bottom:3px}.list-users{color:var(--text-muted);font-size:11px}.list-arrow{color:var(--text-muted);font-size:18px;margin-left:8px;transition:all .2s}.list-card:hover .list-arrow{color:color-mix(in srgb,var(--card-color) 80%,#fff);transform:translateX(4px)}.empty-state{padding:80px 20px;text-align:center}.empty-icon{font-size:52px;margin-bottom:16px}.empty-state h3{font-family:var(--font-display);font-size:22px;font-weight:700;margin-bottom:8px}.empty-state p{color:var(--text-secondary);margin-bottom:24px}.empty-reset{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.empty-reset:hover{background:var(--accent);border-color:var(--accent);color:#fff}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:48px 0;transition:background-color .5s ease}.footer-inner{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.footer-logo{color:var(--text-primary);font-family:var(--font-display);font-size:16px;font-weight:800;letter-spacing:-.02em}.footer-tagline{color:var(--text-muted);font-size:12px;margin-top:3px}.footer-seo-links{color:var(--text-muted);font-size:10px;font-weight:500;letter-spacing:.02em;margin-top:12px;opacity:.4;text-transform:uppercase}.footer-copy{color:var(--text-muted);font-size:12px}@media (max-width:1100px){.cat-cards-grid{grid-template-columns:repeat(4,1fr)}.recent-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.hero{padding:70px 20px 60px}.featured-content{gap:24px;grid-template-columns:1fr}.featured-right{display:none}.cat-cards-grid{grid-template-columns:repeat(3,1fr)}.tools-grid{gap:12px;grid-template-columns:1fr 1fr}.hero-stats{gap:16px}}@media (max-width:600px){.hero-stats .stat-divider:nth-child(6),.hero-stats .stat:nth-child(7){display:none}.hero-content{padding-top:40px}.hero-title{font-size:32px}.search-wrap{max-width:none;width:100%}.search-input{font-size:14px;padding-left:36px}.search-icon{left:12px}.cat-cards-grid{grid-template-columns:repeat(2,1fr)}.tools-grid{grid-template-columns:1fr}.recent-grid{grid-template-columns:1fr 1fr}.featured-card{padding:24px 20px}.filter-controls .view-toggle,.sort-select{display:none}}@media (max-width:420px){.recent-grid{grid-template-columns:1fr}}.detail-page{min-height:100vh}.sticky-cta{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:var(--glass-bg);border-bottom:1px solid var(--border);left:0;pointer-events:none;position:fixed;right:0;top:0;transform:translateY(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:200}.sticky-cta-visible{pointer-events:all;transform:translateY(0)}.sticky-inner{gap:16px;margin:0 auto;max-width:1280px;padding:10px 24px}.sticky-info,.sticky-inner{align-items:center;display:flex}.sticky-info{flex-shrink:0;gap:8px}.sticky-emoji{font-size:20px}.sticky-name{color:var(--text-primary);font-family:var(--font-display);font-size:15px;font-weight:700}.sticky-cat,.sticky-sep{color:var(--text-muted);font-size:13px}.sticky-tabs{display:flex;flex:1 1;gap:2px;overflow-x:auto;scrollbar-width:none}.sticky-tabs::-webkit-scrollbar{display:none}.sticky-tab{background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:12.5px;font-weight:500;padding:5px 12px;transition:all .2s;white-space:nowrap}.sticky-tab:hover{background:#ffffff0d;color:var(--text-primary)}.sticky-tab-active{background:#c8ff571f!important;box-shadow:inset 0 0 0 1px #c8ff5733;color:var(--accent)!important}.btn-open{align-items:center;background:var(--accent);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-weight:700;gap:7px;letter-spacing:-.01em;text-decoration:none;transition:all .22s ease;white-space:nowrap}.btn-open:hover{background:var(--accent-hover);box-shadow:0 8px 28px #c8ff5747;transform:translateY(-2px)}.btn-sm{font-size:13.5px;padding:8px 18px}.btn-lg{font-size:15px;padding:14px 28px}.btn-icon{font-size:17px;transition:transform .2s ease}.btn-open:hover .btn-icon{transform:translate(2px,-2px)}.btn-full{font-size:15px;justify-content:center;padding:14px 20px;width:100%}.detail-hero{border-bottom:1px solid var(--border);overflow:hidden;padding:56px 24px 52px;position:relative}.hero-grid-bg{background-image:linear-gradient(var(--border) 1px,#0000 1px),linear-gradient(90deg,var(--border) 1px,#0000 1px);background-size:56px 56px;inset:0;mask-image:radial-gradient(ellipse 80% 100% at 0 50%,#000,#0000);-webkit-mask-image:radial-gradient(ellipse 80% 100% at 0 50%,#000,#0000);position:absolute}.hero-color-wash{background:radial-gradient(ellipse 60% 100% at 60% 50%,color-mix(in srgb,var(--tc) 8%,#0000),#0000 70%);inset:0;pointer-events:none;position:absolute}.detail-hero-inner{margin:0 auto;max-width:1280px;position:relative;z-index:1}.back-btn{align-items:center;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:36px;padding:7px 14px;transition:all .2s}.back-btn:hover{background:var(--bg-card);border-color:var(--border-light);color:var(--text-primary)}.tool-header{align-items:flex-start;display:flex;gap:32px}.tool-logo-wrap{flex-shrink:0;position:relative}.tool-logo-lg{align-items:center;background:color-mix(in srgb,var(--tc) 14%,#0000);border:1px solid color-mix(in srgb,var(--tc) 35%,#0000);border-radius:22px;box-shadow:0 8px 32px color-mix(in srgb,var(--tc) 20%,#0000);display:flex;font-size:44px;height:96px;justify-content:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1);width:96px}.tool-logo-ring{border:1px solid color-mix(in srgb,var(--tc) 20%,#0000);border-radius:28px;inset:-6px;pointer-events:none;position:absolute}.tool-header-text{flex:1 1}.tool-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.detail-cat-tag{background:color-mix(in srgb,var(--tc) 10%,#0000);border:1px solid color-mix(in srgb,var(--tc) 25%,#0000);color:color-mix(in srgb,var(--tc) 80%,var(--text-secondary));font-size:11px;letter-spacing:.1em;padding:3px 10px;text-transform:uppercase}.badge,.detail-cat-tag{border-radius:20px;font-weight:700}.badge{font-size:10px;letter-spacing:.04em;padding:3px 9px}.badge-popular{background:#c8ff5724;border:1px solid #c8ff5747;color:var(--accent)}.badge-new{background:#6366f124;border:1px solid #6366f147;color:#a5b4fc}.detail-name{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(30px,4vw,54px);font-weight:800;letter-spacing:-.035em;line-height:1.08;margin-bottom:10px}.detail-tagline{color:var(--text-secondary);font-size:17px;line-height:1.55;margin-bottom:22px;max-width:560px}.detail-quick-stats{flex-wrap:wrap;gap:20px;margin-bottom:28px}.detail-quick-stats,.qs-item{align-items:center;display:flex}.qs-item{gap:7px}.qs-icon{font-size:14px}.qs-val{color:var(--text-primary);font-family:var(--font-display);font-size:15px;font-weight:700}.qs-label{color:var(--text-muted);font-size:12px}.qs-divider{background:var(--border);height:20px;width:1px}.hero-actions{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.btn-url{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-family:monospace;font-size:12.5px;padding:6px 14px}.mobile-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border);display:none}.mobile-tabs-scroll{display:flex;gap:0;overflow-x:auto;padding:0 16px;scrollbar-width:none}.mobile-tabs-scroll::-webkit-scrollbar{display:none}.mobile-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:12px 16px;transition:all .2s;white-space:nowrap}.mobile-tab:hover{color:var(--text-primary)}.mobile-tab-active{background:#c8ff570d;border-bottom-color:var(--accent)!important;color:var(--accent)!important;font-weight:700!important}.detail-content{margin:0 auto;max-width:1280px;padding:48px 24px 80px}.detail-layout{grid-gap:36px;align-items:start;display:grid;gap:36px;grid-template-columns:1fr 320px}.detail-main{display:flex;flex-direction:column;gap:32px}.detail-section{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease}.detail-section:hover{background:var(--bg-card-hover);border-color:var(--accent);box-shadow:var(--shadow-md)}.ds-header{align-items:center;background:#ffffff05;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:22px 28px}.ds-icon,.ds-title{font-size:18px}.ds-title{color:var(--text-primary);font-family:var(--font-display);font-weight:700;letter-spacing:-.02em}.ds-body{padding:24px 28px}.body-text{color:var(--text-secondary);font-size:15px;line-height:1.75}.audience-inline{align-items:center;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:18px}.ai-label{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.ai-tag{background:#ffffff0d;border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);font-size:12.5px;font-weight:500;padding:4px 12px}.use-cases-grid{grid-gap:12px;display:grid;gap:12px}.use-case-card{background:var(--bg-secondary);border:1px solid var(--border);border-left:3px solid color-mix(in srgb,var(--tc) 50%,#0000);border-radius:var(--radius-md);display:flex;gap:16px;padding:16px 20px;transition:all .22s ease}.use-case-card:hover{background:color-mix(in srgb,var(--tc) 4%,#0000);border-color:color-mix(in srgb,var(--tc) 35%,var(--border));border-left-color:var(--tc)}.uc-num{color:color-mix(in srgb,var(--tc) 70%,#fff);font-family:var(--font-display);font-size:12px;font-weight:800;min-width:24px;padding-top:2px}.uc-title{color:var(--text-primary);font-size:14px;font-weight:700;margin-bottom:4px}.uc-desc{color:var(--text-secondary);font-size:13.5px;line-height:1.5}.features-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.feature-pill{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:13.5px;gap:10px;line-height:1.45;padding:12px 16px;transition:border-color .2s}.feature-pill:hover{border-color:color-mix(in srgb,var(--tc) 30%,var(--border))}.feature-check{color:color-mix(in srgb,var(--tc) 80%,#fff);flex-shrink:0;font-size:13px;font-weight:700;margin-top:1px}.two-col-wrap{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.cons-card,.pros-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.pc-header{background:hsla(0,0%,100%,.015);border-bottom:1px solid var(--border);gap:10px;padding:18px 22px}.pc-header,.pc-icon{align-items:center;display:flex}.pc-icon{border-radius:50%;flex-shrink:0;font-size:14px;font-weight:800;height:26px;justify-content:center;width:26px}.pc-icon-pro{background:#c8ff5726;color:var(--accent)}.pc-icon-con{background:#fbbf2426;color:#fbbf24}.pc-header h3{font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:-.01em}.pc-list{flex-direction:column;list-style:none;padding:16px 22px}.pc-list,.pc-list li{display:flex;gap:10px}.pc-list li{align-items:flex-start;color:var(--text-secondary);font-size:13.5px;line-height:1.5}.pc-bullet{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:10px;font-weight:800;height:18px;justify-content:center;margin-top:1px;width:18px}.pc-bullet-pro{background:#c8ff571f;color:var(--accent)}.pc-bullet-con{background:#fbbf241f;color:#fbbf24}.tips-grid{grid-gap:12px;display:grid;gap:12px}.tip-card{align-items:flex-start;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;gap:16px;padding:16px 20px;transition:border-color .2s}.tip-card:hover{border-color:color-mix(in srgb,var(--tc) 25%,var(--border))}.tip-num{align-items:center;background:color-mix(in srgb,var(--tc) 15%,#0000);border-radius:8px;color:color-mix(in srgb,var(--tc) 90%,#fff);display:flex;font-family:var(--font-display);font-size:13px;font-weight:800;height:28px;justify-content:center;min-width:28px;width:28px}.tip-card p{color:var(--text-secondary);font-size:14px;line-height:1.6;padding-top:4px}.related-grid{grid-gap:10px;display:grid;gap:10px}.related-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:14px;padding:14px 18px;transition:all .22s ease}.related-card:hover{background:color-mix(in srgb,var(--tc) 5%,#0000);border-color:color-mix(in srgb,var(--tc) 35%,var(--border));transform:translateX(4px)}.related-logo{align-items:center;background:color-mix(in srgb,var(--tc) 12%,#0000);border-radius:var(--radius-sm);display:flex;flex-shrink:0;font-size:24px;height:42px;justify-content:center;width:42px}.related-name{color:var(--text-primary);font-family:var(--font-display);font-size:14px;font-weight:700;margin-bottom:3px}.related-desc{color:var(--text-muted);flex:1 1;font-size:12.5px}.related-rating{color:#fbbf24;flex-shrink:0;font-size:13px;font-weight:600}.detail-sidebar{display:flex;flex-direction:column;gap:18px;position:sticky;top:80px}.sidebar-cta{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px;text-align:center;transition:all .3s ease}.sidebar-cta:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.sc-logo{display:block;filter:drop-shadow(0 4px 12px color-mix(in srgb,var(--tc) 35%,transparent));font-size:36px;margin-bottom:12px}.sc-name{color:var(--text-primary);font-family:var(--font-display);font-size:19px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.sc-desc{color:var(--text-secondary);font-size:13.5px;line-height:1.5;margin-bottom:18px}.sc-url{color:var(--text-muted);font-family:monospace;font-size:11.5px;margin-top:10px}.sidebar-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.sb-title{color:var(--text-primary);font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:-.01em;margin-bottom:14px}.qi-list{display:flex;flex-direction:column;gap:0}.qi-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:10px 0}.qi-row:last-child{border-bottom:none}.qi-icon{font-size:14px;text-align:center;width:20px}.qi-label{color:var(--text-muted);flex:1 1;font-size:13px}.qi-val{color:var(--text-primary);font-size:13px;font-weight:600}.qi-gold{color:#fbbf24!important}.qi-green{color:var(--accent)!important}.audience-grid{display:flex;flex-wrap:wrap;gap:7px}.aud-tag{background:#ffffff0a;border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);font-size:12px;font-weight:500;padding:5px 11px}.ease-meter{margin-bottom:10px}.ease-bar{background:#ffffff12;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.ease-fill{border-radius:3px;height:100%;transition:width 1s ease}.ease-label{color:var(--text-primary);font-size:13px;font-weight:600}.ease-note{color:var(--text-muted);font-size:12px;margin-top:4px}.detail-footer{border-top:1px solid var(--border);padding:24px;transition:background-color .5s ease}.detail-footer-inner{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto;max-width:1280px}.df-logo{color:var(--text-secondary);font-family:var(--font-display);font-size:15px;font-weight:800}.df-back{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:600;padding:7px 14px;transition:all .2s}.df-back:hover{border-color:var(--border-light);color:var(--text-primary)}.df-open{background:var(--accent);border:none;border-radius:var(--radius-sm);color:#09090b;cursor:pointer;font-size:13px;font-weight:700;padding:8px 18px;text-decoration:none;transition:all .2s}.df-open:hover{background:var(--accent-hover)}.not-found-content{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:60vh;text-align:center}.nf-icon{font-size:56px}.not-found-content h2{font-family:var(--font-display);font-size:28px;font-weight:800}.not-found-content p{color:var(--text-secondary)}.not-found-content button{background:var(--accent);border:none;border-radius:var(--radius-md);color:#09090b;cursor:pointer;font-size:14px;font-weight:700;padding:11px 26px;transition:all .2s}@media (max-width:1100px){.detail-layout{grid-template-columns:1fr}.detail-sidebar{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;position:static}.sidebar-cta{grid-column:span 2}}@media (max-width:768px){.detail-hero{padding:40px 20px}.tool-header{flex-direction:column;gap:22px}.tool-logo-lg{font-size:34px;height:76px;width:76px}.features-grid,.two-col-wrap{grid-template-columns:1fr}.detail-content{padding:32px 20px 60px}.ds-body{padding:20px}.ds-header{padding:18px 20px}.sticky-tabs{display:none}.mobile-tabs{display:block}.detail-sidebar{grid-template-columns:1fr}.sidebar-cta{grid-column:span 1}}@media (max-width:480px){.sticky-cat,.sticky-sep{display:none}.hero-actions{align-items:flex-start;flex-direction:column}}.about-page{background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;min-height:100vh}.about-container{flex:1 1;max-width:900px;padding:80px 24px}.about-hero{margin-bottom:80px;text-align:center}.about-title{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;letter-spacing:-.04em;margin-bottom:16px}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent) 0,#a855f7 100%);-webkit-background-clip:text;background-clip:text}.about-lead{color:var(--text-secondary);font-size:1.35rem;line-height:1.6;margin:0 auto;max-width:600px}.about-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr}.about-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:48px;transition:var(--transition)}.about-card:hover{background:var(--bg-card-hover);border-color:var(--accent);box-shadow:var(--shadow-lg),0 0 0 1px var(--accent-dim);transform:translateY(-4px)}.card-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.card-icon{font-size:2rem}.card-header h2{font-family:var(--font-display);font-size:1.75rem;font-weight:700;margin:0}.card-content p{color:var(--text-secondary);line-height:1.7;margin-bottom:16px}.contact-links{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.contact-btn{align-items:center;border:1px solid var(--border);border-radius:var(--radius-md);display:flex;font-size:.95rem;font-weight:600;gap:12px;padding:14px 20px;text-decoration:none;transition:var(--transition)}.contact-btn:hover{transform:translateX(4px)}.btn-icon{font-size:1.2rem}.whatsapp{border-color:#25d36633;color:#25d366}.whatsapp:hover{background:#25d3661a;border-color:#25d366}.linkedin{border-color:#0077b533;color:#0077b5}.linkedin:hover{background:#0077b51a;border-color:#0077b5}.github{border-color:var(--border);color:var(--text-primary)}.github:hover{background:var(--accent-dim);border-color:var(--accent)}.portfolio{border-color:var(--accent-dim);color:var(--accent)}.portfolio:hover{background:var(--accent-dim2);border-color:var(--accent)}.email{border-color:#facc1533;color:#facc15}.email:hover{background:#facc151a;border-color:#facc15}.submit-box{background:var(--bg-secondary);border-left:4px solid var(--accent);border-radius:var(--radius-md);margin-top:24px;padding:24px}.submit-note{font-weight:500;margin-bottom:8px!important}.submit-email{color:var(--accent);font-family:var(--font-mono);font-size:1.1rem;font-weight:700;text-decoration:none}.submit-email:hover{text-decoration:underline}@media (max-width:600px){.about-card{padding:24px}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root[data-theme=light]{--bg-primary:#fff;--bg-secondary:#fdfdfe;--bg-card:#ffffffb3;--bg-card-hover:#ffffffe6;--border:#00000014;--border-light:#0000000a;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent:#6366f1;--accent-hover:#4f46e5;--accent-dim:#6366f11a;--accent-dim2:#6366f10d;--shadow-sm:0 4px 6px -1px #0000000d;--shadow-md:0 10px 15px -3px #0000001a;--shadow-lg:0 20px 25px -5px #0000001a;--glass-bg:#fff6;--glass-border:#fff9}:root[data-theme=dark]{--bg-primary:#020617;--bg-secondary:#0f172a;--bg-card:#1e293b99;--bg-card-hover:#1e293bcc;--border:#ffffff14;--border-light:#ffffff0a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#818cf8;--accent-hover:#a5b4fc;--accent-dim:#818cf826;--accent-dim2:#818cf814;--shadow-sm:0 4px 6px -1px #0000004d;--shadow-md:0 10px 15px -3px #00000080;--shadow-lg:0 20px 25px -5px #000000b3;--glass-bg:#0f172a66;--glass-border:#ffffff1a}:root{--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:32px;--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--gradient-1:linear-gradient(135deg,#6366f1,#a855f7)}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:var(--bg-primary);color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font-body);line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative;transition:background-color .5s ease,color .5s ease}.ambient-background{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:-1}.orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(100px);opacity:.15;position:absolute}[data-theme=dark] .orb{filter:blur(120px);opacity:.2}.orb-1{animation-delay:0s;background:radial-gradient(circle,var(--accent) 0,#0000 70%);height:60vw;left:-10%;top:-20%;width:60vw}.orb-2{animation-delay:-5s;background:radial-gradient(circle,#a855f7 0,#0000 70%);bottom:-10%;height:50vw;right:-5%;width:50vw}.orb-3{animation-delay:-10s;background:radial-gradient(circle,#0ea5e9 0,#0000 70%);height:40vw;right:10%;top:30%;width:40vw}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-30px) scale(1.1)}66%{transform:translate(-20px,50px) scale(.9)}}.glass-surface{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--glass-bg);border:1px solid var(--glass-border)}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer}button,input{font-family:DM Sans,sans-serif;font-family:var(--font-body)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::selection{background:var(--accent-dim);color:var(--accent)}
/*# sourceMappingURL=main.cc40b5b0.css.map*/