:root{--color-background: #0D1117;--color-surface: #161B22;--color-border: #30363D;--color-text-primary: #00FF41;--color-text-secondary: #8B949E;--color-accent: #58A6FF;--color-accent-hover: #1F6FEB;--color-green-hover: #26A641;--color-warning: #FF8C00;--color-info: #17A2B8;--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .5), 0 2px 4px -2px rgb(0 0 0 / .5);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .6), 0 4px 6px -4px rgb(0 0 0 / .6);--border-radius: 6px}@keyframes blink{50%{opacity:0}}@font-face{font-family:Roboto Mono Fallback;src:local("Courier New"),local("Consolas"),local("Monaco");font-display:swap;size-adjust:100%;ascent-override:95%;descent-override:25%;line-gap-override:0%}body{font-family:Roboto Mono,Roboto Mono Fallback,monospace;line-height:1.6;background-color:var(--color-background);color:var(--color-text-primary);margin:0;scrollbar-gutter:stable}header{background-color:var(--color-background);color:var(--color-text-primary);border-bottom:1px solid var(--color-border);padding:0}.top-nav{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--color-border);background-color:var(--color-surface)}.nav-menu{display:flex;gap:.5rem;margin-right:2.5rem}.nav-brand{display:flex;align-items:center;gap:1rem}#header-logo{width:40px;height:40px;border:1px solid var(--color-text-primary);border-radius:50%;padding:3px}.brand-text{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);text-shadow:0 0 5px var(--color-text-primary)}.brand-text:after{content:"";animation:blink 1s step-end infinite}.dropdown{position:relative;display:inline-block}.nav-button{background-color:transparent;color:var(--color-text-primary);border:1px solid var(--color-border);padding:.75rem 1rem;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;font-family:Roboto Mono,monospace;font-size:.9rem;display:flex;align-items:center;gap:.5rem;min-width:140px;justify-content:space-between}.nav-button:hover{background-color:var(--color-border);border-color:var(--color-text-primary)}.guide-button{background:linear-gradient(135deg,var(--accent-color),#3b82f6);color:#fff!important;font-weight:600;border:none}.guide-button:hover{background:linear-gradient(135deg,#22c55e,#2563eb)!important;transform:translateY(-1px);color:#fff!important}.nav-button.active{background-color:var(--color-text-primary);color:var(--color-background)}.button-icon{font-size:1rem}.button-text{flex:1;text-align:left}.dropdown-arrow{transition:transform .3s ease;font-size:.8rem}.dropdown.active .dropdown-arrow{transform:rotate(180deg)}.dropdown-content{display:none;position:absolute;top:100%;left:0;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:1000;min-width:300px;max-width:400px;max-height:80vh;overflow-y:auto}.dropdown:last-child .dropdown-content{left:auto;right:0}.dropdown.active .dropdown-content{display:block}.dropdown-section{padding:1rem;border-bottom:1px solid var(--color-border)}.dropdown-section:last-child{border-bottom:none}.dropdown-section h4{font-size:.9rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.5px}.dropdown-subtitle{color:var(--color-text-secondary);font-size:.85rem;margin:0 0 1rem;line-height:1.4}.dropdown-item{display:flex;align-items:center;padding:.75rem .5rem;text-decoration:none;border-radius:6px;margin-bottom:.5rem;transition:all .2s ease;color:var(--color-text-primary);background:transparent;border:1px solid transparent}.dropdown-item:hover{background:#ffffff0d;transform:translate(4px);border-color:#ffffff1a}.dropdown-item .item-icon{font-size:1.25rem;margin-right:.75rem;min-width:1.5rem;display:flex;align-items:center;justify-content:center}.dropdown-item .item-text{font-size:.95rem;font-weight:500;line-height:1.3;white-space:nowrap}.dropdown-item[href*=python]{border-left:3px solid #3776ab}.dropdown-item[href*=python]:hover{background:#3776ab1a;border-color:#3776ab}.dropdown-item[href*=python] .item-text{color:#4a9eff}.dropdown-item[href*=javascript]{border-left:3px solid #f7df1e}.dropdown-item[href*=javascript]:hover{background:#f7df1e1a;border-color:#f7df1e}.dropdown-item[href*=javascript] .item-text{color:#ffeb3b}.dropdown-item[href*=java]{border-left:3px solid #ed8b00}.dropdown-item[href*=java]:hover{background:#ed8b001a;border-color:#ed8b00}.dropdown-item[href*=java] .item-text{color:#ff9800}.dropdown-item[href*=csharp]{border-left:3px solid #9b59b6}.dropdown-item[href*=csharp]:hover{background:#9b59b61a;border-color:#9b59b6}.dropdown-item[href*=csharp] .item-text{color:#ba68c8}.header-content{text-align:center;padding:3rem 2rem;max-width:1000px;margin:0 auto;min-height:280px!important;height:auto;contain:layout style}.header-content h1{font-size:2.5rem;font-weight:700;margin:0 0 1.5rem;color:var(--color-text-primary);text-shadow:0 0 5px var(--color-text-primary);line-height:1.2}.header-content p{font-size:1.1rem;color:var(--color-text-secondary);max-width:700px;margin:0 auto 1.5rem;line-height:1.6}.stats-link{color:var(--accent-color);text-decoration:underline;font-weight:600}.stats-link:hover{color:#22c55e}#last-updated{font-size:.9rem;color:var(--color-text-secondary);margin:0 auto;font-weight:400;opacity:.8}.search-container-dropdown{position:relative;margin-bottom:0}.search-container-dropdown #search-input{width:100%;padding:10px 35px 10px 12px;font-size:14px;font-family:Roboto Mono,monospace;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);transition:all .3s ease;box-sizing:border-box}.search-container-dropdown #clear-search{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-secondary);font-size:16px;width:25px;height:25px;border-radius:50%;cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .2s ease}.comparison-list{display:flex;flex-direction:column;gap:.5rem}.comparison-link{display:block;padding:.75rem;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);text-decoration:none;transition:all .3s ease}.comparison-link:hover{border-color:var(--color-accent);background-color:var(--color-border)}.comparison-text{color:var(--color-accent);font-size:.9rem;font-weight:500}.view-all-btn-small{background:var(--color-accent);color:#fff;border:none;padding:8px 16px;border-radius:var(--border-radius);font-weight:500;font-size:.9rem;cursor:pointer;transition:background-color .3s ease;width:100%;margin-top:.5rem}.view-all-btn-small:hover{background:var(--color-accent-hover)}.about-links{display:flex;flex-direction:column;gap:.5rem}.about-link{color:var(--color-text-primary);text-decoration:none;padding:.5rem;border-radius:var(--border-radius);transition:all .3s ease;font-size:.9rem}.about-link:hover{background-color:var(--color-border);color:var(--color-accent)}main{padding:1rem 2rem 2rem;max-width:1400px;margin:0 auto}.filter-group{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.filter-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.5rem}.clear-filters-btn{background-color:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);padding:6px 12px;border-radius:var(--border-radius);font-size:.8rem;font-family:Roboto Mono,monospace;cursor:pointer;transition:all .3s ease}.clear-filters-btn:hover{color:var(--color-text-primary);border-color:var(--color-text-primary)}.filter-count{font-size:.8rem;color:var(--color-text-secondary);font-style:italic}.filter-options{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:15px}.filter-button{background-color:transparent;color:var(--color-text-primary);border:1px solid var(--color-text-primary);padding:8px 16px;border-radius:4px;cursor:pointer;transition:background-color .3s,color .3s;font-size:.9rem;font-family:Roboto Mono,monospace}.filter-button:hover{background-color:#00ff411a}.filter-button.active{background-color:var(--color-text-primary);color:var(--color-background);border-color:var(--color-text-primary);font-weight:700;box-shadow:0 0 10px var(--color-text-primary)}.nav-button.has-active-filters .button-icon:after{content:"\25cf";color:var(--color-text-primary);font-size:.6rem;position:absolute;top:-2px;right:-2px;background:var(--color-accent);border-radius:50%;width:8px;height:8px;display:flex;align-items:center;justify-content:center}.nav-button.has-active-filters .button-icon{position:relative}.tool-card{background-color:var(--color-surface);border-radius:var(--border-radius);display:flex;flex-direction:column;transition:all .2s ease;border:1px solid var(--color-border);overflow:hidden;box-shadow:0 1px 3px #0000004d}.tool-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00ff4133;border-color:var(--color-text-primary)}.nav-button:focus,.search-container-dropdown #search-input:focus,.filter-button:focus{outline:2px solid var(--color-accent);outline-offset:2px}.dropdown-content{transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(-10px);opacity:0}.dropdown.active .dropdown-content{transform:translateY(0);opacity:1}.loading-indicator{display:inline-block;width:20px;height:20px;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-text-primary);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1200px){.nav-menu{margin-right:3rem}}.article-header{background:var(--background-secondary);border-bottom:1px solid var(--border-color);padding:1rem 0}.article-header .header-content{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.back-link{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);text-decoration:none;font-size:.9rem}.back-link:hover{color:var(--accent-color)}.header-logo{width:24px;height:24px}.breadcrumbs{font-size:.9rem;color:var(--text-secondary)}.breadcrumbs a{color:var(--accent-color);text-decoration:none}.article-main{max-width:800px;margin:0 auto;padding:2rem 1rem}.article-container h1{font-size:2.5rem;margin-bottom:1rem;color:var(--text-primary);line-height:1.2}.article-meta{display:flex;gap:1rem;margin-bottom:2rem;font-size:.9rem;color:var(--text-secondary)}.bluf-answer{background:var(--background-secondary);padding:1.5rem;border-left:4px solid var(--accent-color);margin-bottom:2rem;border-radius:4px}.bluf-answer p{margin:0;font-size:1.1rem;line-height:1.6}.article-container section{margin-bottom:3rem}.article-container h2{font-size:2rem;margin-bottom:1rem;color:var(--text-primary);border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.article-container h3{font-size:1.5rem;margin-bottom:.75rem;color:var(--text-primary)}.rankings-table{overflow-x:auto;margin:1rem 0}.rankings-table table{width:100%;border-collapse:collapse;background:var(--background-primary)}.rankings-table th,.rankings-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}.rankings-table th{background:var(--background-secondary);font-weight:600;color:var(--text-primary)}.featured-row{background:#4ade800d}.score-badge{padding:.25rem .5rem;border-radius:4px;font-weight:600;color:#fff}.score-95{background:#22c55e}.score-90{background:#3b82f6}.score-88{background:#8b5cf6}.score-85{background:#f59e0b}.score-82{background:#ef4444}.score-80{background:#6b7280}.score-78{background:#9ca3af}.methodology-list{list-style:none;padding:0}.methodology-list li{padding:.5rem 0;border-bottom:1px solid var(--border-color)}.feature-categories{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:1rem 0}.feature-category{background:var(--background-secondary);padding:1.5rem;border-radius:8px}.feature-category h3{margin-top:0;color:var(--accent-color)}.tool-review{background:var(--background-secondary);padding:2rem;border-radius:8px;margin-bottom:2rem}.tool-review h3{margin-top:0;color:var(--text-primary)}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:1rem 0}.pros h4,.cons h4{margin-bottom:.5rem}.pros h4{color:#22c55e}.cons h4{color:#ef4444}.review-link{margin-top:1rem;font-weight:600}.review-link a{color:var(--accent-color);text-decoration:none}.decision-tree{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:1rem 0}.decision-path{background:var(--background-secondary);padding:1.5rem;border-radius:8px}.decision-path h3{margin-top:0;color:var(--accent-color)}.use-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:1rem 0}.use-case-card{background:var(--background-secondary);padding:1.5rem;border-radius:8px}.use-case-card h3{margin-top:0;color:var(--text-primary)}.use-case-card ol{margin:0;padding-left:1.5rem}.use-case-card li{margin-bottom:.5rem}.trends-list h3{color:var(--accent-color);margin-top:2rem}.faq-item{background:var(--background-secondary);padding:1.5rem;border-radius:8px;margin-bottom:1rem}.faq-item h3{margin-top:0;color:var(--text-primary);font-size:1.2rem}.related-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1rem 0}.related-link{display:block;padding:1rem;background:var(--background-secondary);border-radius:8px;text-decoration:none;color:var(--text-primary);border:1px solid var(--border-color);transition:all .3s ease}.related-link:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px)}.article-footer{margin-top:3rem;padding:2rem 0;border-top:2px solid var(--border-color);text-align:center;color:var(--text-secondary)}.updated-note{font-weight:600;margin-bottom:.5rem}.author-note{font-size:.9rem}@media(max-width:768px){.article-container h1{font-size:2rem}.feature-categories,.pros-cons,.decision-tree{grid-template-columns:1fr;gap:1rem}.use-case-grid{grid-template-columns:1fr}.rankings-table{font-size:.9rem}.article-meta{flex-direction:column;gap:.5rem}}@media(max-width:768px){.top-nav{flex-direction:column;gap:1rem;padding:1rem}.nav-brand{justify-content:center}.nav-menu{flex-direction:column;width:100%;gap:.75rem;margin-right:0}.dropdown:last-child .dropdown-content{left:0;right:auto}.dropdown{width:100%}.nav-button{width:100%;justify-content:space-between;min-width:auto}.dropdown-content{position:static;display:none;width:100%;box-shadow:none;border:1px solid var(--color-border);margin-top:.5rem}.header-content{padding:2rem 1rem;min-height:320px}.header-content h1{font-size:2rem;margin-bottom:1rem}.header-content p{font-size:1rem;margin-bottom:1.2rem}main{padding:1rem}#tools-container{grid-template-columns:1fr;gap:1rem}.brand-text{font-size:1.2rem}.button-text{font-size:.85rem}}@media(max-width:480px){.top-nav{padding:.75rem}.nav-brand{gap:.75rem}#header-logo{width:35px;height:35px}.brand-text{font-size:1.1rem}.header-content{padding:1.5rem 1rem;min-height:350px}.header-content h1{font-size:1.8rem;margin-bottom:1rem}.header-content p{font-size:.95rem;margin-bottom:1rem}.dropdown-content{min-width:auto;max-width:100%}.comparison-link{padding:.5rem;text-align:center}.comparison-text{font-size:.85rem}}#tools-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.tool-card{background-color:var(--color-surface);border-radius:var(--border-radius);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--color-border);overflow:hidden}.tool-card:hover{transform:translateY(-5px);box-shadow:0 0 15px #00ff414d;border-color:var(--color-text-primary)}.tool-card.featured .card-header{border-left:4px solid var(--color-text-primary)}.card-header{padding:1rem;border-bottom:1px solid var(--color-border)}.card-header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.tool-name-link{color:var(--color-text-primary);text-decoration:none;transition:all .3s ease}.tool-name-link:hover{color:var(--color-accent);text-shadow:0 0 5px var(--color-accent)}.tagline{font-size:1rem;color:var(--color-text-secondary);padding:1rem;margin:0}details{padding:1rem;border-top:1px solid var(--color-border)}summary{font-weight:500;color:var(--color-text-primary);cursor:pointer;list-style:none;outline:none}summary::-webkit-details-marker{display:none}summary:before{content:"[+]";margin-right:.5rem;font-family:monospace}details[open]>summary:before{content:"[-]"}.editors-note p,.features-list{margin-top:1rem;padding-left:1.2rem;font-size:.95rem;color:var(--color-text-secondary);border-left:1px solid var(--color-border)}.features-list{list-style-type:none}.features-list li:before{content:">";margin-right:.5rem;color:var(--color-text-primary)}.best-for{padding:1rem;background-color:var(--color-background)}.best-for strong{display:block;margin-bottom:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{font-size:.8rem;color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);padding:.25rem .75rem;border-radius:4px}.card-footer{padding:1rem;background-color:var(--color-surface);border-top:1px solid var(--color-border);margin-top:auto}.links{display:flex;gap:1rem;align-items:center}.button{font-weight:500;color:var(--color-background);background-color:var(--color-text-primary);text-align:center;border:1px solid var(--color-text-primary);padding:.6rem 1.2rem;font-size:.9rem;border-radius:4px;text-decoration:none;transition:all .2s ease;font-family:Roboto Mono,monospace;text-transform:uppercase}.button:hover{background-color:var(--color-background);color:var(--color-text-primary);box-shadow:0 0 10px var(--color-text-primary)}.button.secondary{color:var(--color-text-primary);background-color:transparent;border-color:var(--color-border)}.button.secondary:hover{background-color:var(--color-border);border-color:var(--color-text-primary);color:var(--color-text-primary)}.button.review-button{background:var(--color-surface);color:var(--color-text-primary);border:2px solid var(--color-text-primary);font-weight:600;position:relative;overflow:hidden}.button.review-button:hover{background:var(--color-text-primary);color:var(--color-background);transform:translateY(-2px);box-shadow:0 0 15px var(--color-text-primary)}.button.review-button:before{content:"> ";margin-right:.25rem;font-family:Roboto Mono,monospace}#suggest-tool{background-color:var(--color-surface);padding:3rem 2rem;margin-top:3rem;border:1px solid var(--color-border)}#suggest-tool .container{max-width:600px;margin:0 auto;text-align:center}#suggest-tool h2{font-size:2rem;margin-bottom:.5rem;color:var(--color-text-primary);text-shadow:0 0 5px var(--color-text-primary)}#suggest-tool p{margin-bottom:2rem;color:var(--color-text-secondary)}#suggest-tool .form-group{margin-bottom:1.5rem;text-align:left}#suggest-tool label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text-secondary)}#suggest-tool input,#suggest-tool textarea,#suggest-tool select{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);background-color:var(--color-background);color:var(--color-text-primary);border-radius:4px;font-size:1rem;box-sizing:border-box;font-family:Roboto Mono,monospace}#suggest-tool input:focus,#suggest-tool textarea:focus,#suggest-tool select:focus{outline:none;border-color:var(--color-text-primary);box-shadow:0 0 10px var(--color-text-primary)}#suggest-tool textarea{resize:vertical;min-height:100px}#suggest-tool select{cursor:pointer}#suggest-tool .btn-submit{background-color:var(--color-text-primary);color:var(--color-background);border:1px solid var(--color-text-primary);padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border-radius:4px;cursor:pointer;transition:all .2s;font-family:Roboto Mono,monospace;text-transform:uppercase}#suggest-tool .btn-submit:hover{background-color:var(--color-background);color:var(--color-text-primary);box-shadow:0 0 10px var(--color-text-primary)}footer{background-color:var(--color-background);padding:2rem;text-align:center;border-top:1px solid var(--color-border);font-size:.9rem}footer .footer-content{max-width:800px;margin:0 auto;color:var(--color-text-secondary)}.footer-nav{margin-top:1rem;display:flex;justify-content:center;gap:1.5rem}.footer-nav a{color:var(--color-text-primary);text-decoration:none;transition:color .2s ease,text-shadow .2s ease}.footer-nav a:hover{color:#fff;text-shadow:0 0 5px var(--color-text-primary)}.static-content a{color:var(--color-accent);text-decoration:underline;transition:color .2s ease}.static-content a:hover{color:var(--color-accent-hover)}.feedback-link a{color:var(--color-text-primary);text-decoration:none}.feedback-link a:hover{text-decoration:underline;text-shadow:0 0 5px var(--color-text-primary)}.no-results-message,.error-message{text-align:center;margin-top:40px;font-size:1.1rem;color:var(--color-text-secondary);padding:3rem;background-color:var(--color-surface);border:1px solid var(--color-border);grid-column:1 / -1}@media(max-width:768px){main{padding:1rem}header h1{font-size:1.8rem}#tools-container{grid-template-columns:1fr}}.hidden{display:none!important}@media(max-width:768px){.filter-sections{flex-direction:column;gap:1.5rem;align-items:center}.filter-section{width:100%;max-width:400px;text-align:center}.filter-section h4{text-align:center}.filter-group{justify-content:center}.search-container{max-width:100%;margin:0 auto 1.5rem}#search-input{font-size:16px}.filter-actions{flex-direction:column;gap:.75rem}}@media(max-width:480px){.filter-sections{gap:1rem}.filter-section{max-width:100%}.filter-button{font-size:.8rem;padding:6px 12px}#search-input{padding:10px 35px 10px 14px;font-size:16px}.search-container{margin-bottom:1rem}}.no-results-message{text-align:center;color:var(--color-text-secondary);font-style:italic;padding:3rem 2rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);margin:2rem 0}.filter-button{background-color:transparent;color:var(--color-text-primary);border:1px solid var(--color-border);padding:8px 16px;border-radius:var(--border-radius);font-size:.875rem;font-family:Roboto Mono,monospace;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-button:hover{color:var(--color-accent);border-color:var(--color-accent);background-color:#58a6ff1a}.filter-button.active{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent);font-weight:500}.filter-count{transition:opacity .3s ease}.filter-button:focus,#search-input:focus,.clear-filters-btn:focus{outline:2px solid var(--color-accent);outline-offset:2px}.filter-group .filter-button{margin:0}.loading-state{text-align:center;color:var(--color-text-secondary);padding:2rem}.error-message{text-align:center;color:#ff6b6b;background-color:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:var(--border-radius);padding:1.5rem;margin:2rem 0}.tool-selection{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem}.tool-select-checkbox{width:18px;height:18px;accent-color:var(--color-text-primary);cursor:pointer}.select-label{font-size:.875rem;color:var(--color-text-secondary);cursor:pointer;user-select:none}.select-label:hover{color:var(--color-text-primary)}.card-header{position:relative;display:flex;flex-direction:column;align-items:flex-start}.tool-metadata{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.tool-score{font-size:.875rem;color:var(--color-accent);font-weight:600}.tool-verified{font-size:.75rem;color:var(--color-text-secondary);font-weight:400}.tool-verified:before{content:"\2713  ";color:var(--color-text-primary)}.comparison-bar{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:2px solid var(--color-border);box-shadow:var(--shadow-lg);z-index:1000;padding:1rem 2rem;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.comparison-bar-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.selected-tools-info{display:flex;flex-direction:column;gap:.25rem}.selected-count{font-weight:600;color:var(--color-text-primary);font-size:1rem}.selected-tools-list{font-size:.875rem;color:var(--color-text-secondary)}.selected-tool{color:var(--color-accent)}.comparison-actions{display:flex;gap:1rem;align-items:center}.compare-btn{background:var(--color-text-primary);color:var(--color-background);border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Roboto Mono,monospace}.compare-btn:hover:not(:disabled){background:var(--color-green-hover);transform:translateY(-1px)}.compare-btn:disabled{opacity:.5;cursor:not-allowed}.clear-comparison-btn{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);padding:.75rem 1rem;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;font-family:Roboto Mono,monospace}.clear-comparison-btn:hover{color:var(--color-text-primary);border-color:var(--color-text-primary)}.comparison-modal{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:2000;padding:2rem;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.comparison-modal-content{background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--border-radius);max-width:95vw;max-height:90vh;width:100%;display:flex;flex-direction:column;animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.comparison-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--color-border)}.comparison-header h2{margin:0;color:var(--color-text-primary);font-size:1.5rem}.close-modal-btn{background:none;border:none;color:var(--color-text-secondary);font-size:2rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-modal-btn:hover{background:var(--color-surface);color:var(--color-text-primary)}.comparison-table-container{overflow:auto;flex:1;padding:1rem}.comparison-table{width:100%;border-collapse:collapse;background:var(--color-surface);border-radius:var(--border-radius);overflow:hidden}.comparison-table th,.comparison-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--color-border);vertical-align:top}.comparison-table th{background:var(--color-background);color:var(--color-text-primary);font-weight:600;position:sticky;top:0;z-index:10}.feature-column{background:var(--color-surface);width:180px;min-width:180px;position:sticky;left:0;z-index:11}.feature-label{font-weight:600;color:var(--color-text-primary);background:var(--color-surface);position:sticky;left:0;z-index:5}.tool-column{min-width:250px;text-align:center;background:var(--color-background)}.tool-data{color:var(--color-text-secondary);line-height:1.6}.score-cell{text-align:center}.score-value{background:var(--color-text-primary);color:var(--color-background);padding:.25rem .75rem;border-radius:20px;font-weight:600;font-size:.875rem}.tags-cell{display:flex;flex-wrap:wrap;gap:.5rem}.tags-cell .tag{background:var(--color-accent);color:var(--color-background);padding:.25rem .5rem;border-radius:15px;font-size:.75rem;font-weight:500}.feature-list{margin:0;padding-left:1.5rem;color:var(--color-text-secondary)}.feature-list li{margin-bottom:.5rem}.external-link{color:var(--color-accent);text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:.25rem;transition:all .3s ease}.external-link:hover{color:var(--color-accent-hover);text-decoration:underline}@media(max-width:768px){.comparison-bar{padding:1rem}.comparison-bar-content{flex-direction:column;align-items:stretch;text-align:center}.comparison-actions{justify-content:center}.comparison-modal,.comparison-header{padding:1rem}.comparison-table th,.comparison-table td{padding:.75rem .5rem}.feature-column{width:120px;min-width:120px}.tool-column{min-width:200px}.tool-selection{position:static;margin-bottom:.5rem;justify-content:flex-end}}.tool-card .card-header{padding-top:1rem;padding-right:6rem}@media(max-width:768px){.tool-card .card-header{padding-right:1rem}}.methodology-content{max-width:1200px;margin:0 auto;padding:2rem}.intro-section{text-align:center;margin-bottom:3rem}.intro-section h2{color:var(--color-text-primary);font-size:2rem;margin-bottom:1rem}.intro-section p{color:var(--color-text-secondary);font-size:1.125rem;max-width:800px;margin:0 auto;line-height:1.7}.header-nav{margin-top:1rem}.nav-link{color:var(--color-accent);text-decoration:none;font-weight:500;transition:all .3s ease}.nav-link:hover{color:var(--color-text-primary);text-decoration:underline}.scoring-overview{margin-bottom:3rem}.scoring-overview h2{color:var(--color-text-primary);text-align:center;margin-bottom:2rem}.score-ranges{display:flex;flex-direction:column;gap:1rem;max-width:800px;margin:0 auto}.score-range{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;border-radius:var(--border-radius);background:var(--color-surface);border:1px solid var(--color-border)}.score-badge{min-width:100px;padding:.75rem 1rem;border-radius:25px;font-weight:700;text-align:center;font-size:.875rem}.excellent .score-badge{background:var(--color-text-primary);color:var(--color-background)}.very-good .score-badge{background:var(--color-accent);color:var(--color-background)}.good .score-badge{background:#58a6ff;color:var(--color-background)}.fair .score-badge{background:#ffa657;color:var(--color-background)}.poor .score-badge{background:#ff6b6b;color:var(--color-background)}.score-description h3{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1.25rem}.score-description p{color:var(--color-text-secondary);margin:0;line-height:1.6}.criteria-section{margin-bottom:3rem}.criteria-section h2{color:var(--color-text-primary);text-align:center;margin-bottom:1rem}.criteria-section>p{text-align:center;color:var(--color-text-secondary);max-width:800px;margin:0 auto 2rem}.criteria-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.criterion{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1.5rem}.criterion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.criterion-header h3{color:var(--color-text-primary);margin:0;font-size:1.125rem}.weight{background:var(--color-accent);color:var(--color-background);padding:.25rem .75rem;border-radius:15px;font-size:.875rem;font-weight:600}.criterion ul{list-style:none;padding:0;margin:0}.criterion li{color:var(--color-text-secondary);margin-bottom:.75rem;line-height:1.6}.criterion li strong{color:var(--color-text-primary)}.process-section{margin-bottom:3rem}.process-section h2{color:var(--color-text-primary);text-align:center;margin-bottom:2rem}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.process-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius)}.step-number{width:50px;height:50px;background:var(--color-text-primary);color:var(--color-background);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.step-content h3{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1.125rem}.step-content p{color:var(--color-text-secondary);margin:0;line-height:1.6}.verification-section{margin-bottom:3rem}.verification-section h2{color:var(--color-text-primary);text-align:center;margin-bottom:1rem}.verification-section>p{color:var(--color-text-secondary);text-align:center;max-width:800px;margin:0 auto 1.5rem}.verification-list{max-width:800px;margin:0 auto;list-style:none;padding:0}.verification-list li{color:var(--color-text-secondary);margin-bottom:1rem;padding-left:1.5rem;position:relative;line-height:1.6}.verification-list li:before{content:"\2713";color:var(--color-text-primary);font-weight:700;position:absolute;left:0}.verification-list li strong{color:var(--color-text-primary)}.verification-note{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1rem;margin-top:2rem;text-align:center;font-style:italic}.transparency-section{margin-bottom:3rem}.transparency-section h2{color:var(--color-text-primary);text-align:center;margin-bottom:2rem}.transparency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.transparency-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1.5rem;text-align:center}.transparency-item h3{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.125rem}.transparency-item p{color:var(--color-text-secondary);margin:0;line-height:1.6}.contact-section{text-align:center;margin-bottom:3rem}.contact-section h2{color:var(--color-text-primary);margin-bottom:1rem}.contact-section p{color:var(--color-text-secondary);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.contact-actions{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}.contact-btn,.return-btn{padding:.75rem 1.5rem;border-radius:var(--border-radius);text-decoration:none;font-weight:600;font-family:Roboto Mono,monospace;transition:all .3s ease}.contact-btn{background:var(--color-text-primary);color:var(--color-background)}.contact-btn:hover{background:var(--color-green-hover);transform:translateY(-1px)}.return-btn{background:transparent;color:var(--color-accent);border:1px solid var(--color-accent)}.return-btn:hover{background:var(--color-accent);color:var(--color-background)}@media(max-width:768px){.methodology-content{padding:1rem}.score-range{flex-direction:column;text-align:center;gap:1rem}.criteria-grid,.process-steps,.transparency-grid{grid-template-columns:1fr}.contact-actions{flex-direction:column}}.specs-table{width:100%;border-collapse:collapse;margin:1.5rem 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-md)}.specs-table th,.specs-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--color-border)}.specs-table th{background:var(--color-background);color:var(--color-text-primary);font-weight:600;text-transform:uppercase;font-size:.875rem;letter-spacing:.5px;border-right:1px solid var(--color-border);width:30%}.specs-table td{color:var(--color-text-secondary);vertical-align:top;line-height:1.6}.specs-table tr:last-child th,.specs-table tr:last-child td{border-bottom:none}.specs-table tr:hover{background:#00ff410d}.inline-code{background:#00ff411a;color:var(--color-text-primary);padding:.2rem .4rem;border-radius:3px;font-family:Roboto Mono,monospace;font-size:.9em;border:1px solid rgba(0,255,65,.2)}.code-block{background:var(--color-background);color:var(--color-text-primary);padding:1rem;border-radius:var(--border-radius);border:1px solid var(--color-border);font-family:Roboto Mono,monospace;font-size:.9rem;overflow-x:auto;margin:1rem 0;position:relative}.code-block:before{content:"> ";color:var(--color-accent);font-weight:700}.citation{color:var(--color-warning);font-size:.85rem;font-style:italic;border-left:3px solid var(--color-warning);padding-left:.5rem;margin:.5rem 0;background:#ff8c000d;padding:.5rem;border-radius:0 var(--border-radius) var(--border-radius) 0}.citation-ref{color:var(--color-warning);text-decoration:none;font-size:.8rem;vertical-align:super;padding:.1rem .3rem;border-radius:3px;background:#ff8c001a;border:1px solid rgba(255,140,0,.3);margin-left:.2rem}.citation-ref:hover{background:#ff8c0033;color:var(--color-text-primary)}.analysis-section{background:linear-gradient(135deg,#00ff410d,#58a6ff0d);border:1px solid rgba(0,255,65,.2);border-radius:var(--border-radius);padding:2rem;margin:2rem 0;position:relative}.analysis-section:before{content:"\1f3af";position:absolute;top:1rem;right:1rem;font-size:1.5rem;opacity:.7}.verdict-box{background:var(--color-surface);border:2px solid var(--color-text-primary);border-radius:var(--border-radius);padding:1.5rem;margin:1.5rem 0;box-shadow:0 0 10px #00ff411a}.verdict-box h3{color:var(--color-text-primary);margin-top:0;display:flex;align-items:center;gap:.5rem}.verdict-box h3:before{content:"\26a1";font-size:1.2em}.who-for-box{background:var(--color-surface);border:2px solid var(--color-accent);border-radius:var(--border-radius);padding:1.5rem;margin:1.5rem 0;box-shadow:0 0 10px #58a6ff1a}.who-for-box h3{color:var(--color-accent);margin-top:0;display:flex;align-items:center;gap:.5rem}.who-for-box h3:before{content:"\1f465";font-size:1.2em}.enhanced-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1.5rem}.pros-section,.cons-section{background:var(--color-surface);border-radius:var(--border-radius);padding:1.5rem;border-left:4px solid #22c55e}.cons-section{border-left-color:#ef4444}.pros-section h3,.cons-section h3{margin-top:0;display:flex;align-items:center;gap:.5rem}.enhanced-pros-list,.enhanced-cons-list{list-style:none;padding:0;margin:1rem 0 0}.enhanced-pros-list li,.enhanced-cons-list li{border-bottom:1px solid var(--color-border);line-height:1.6;position:relative;padding:.75rem 0 .75rem 2rem}.enhanced-pros-list li:last-child,.enhanced-cons-list li:last-child{border-bottom:none}.enhanced-pros-list li:before{content:"\2713";color:#22c55e;font-weight:700;position:absolute;left:0;font-size:1.1em}.enhanced-cons-list li:before{content:"\2717";color:#ef4444;font-weight:700;position:absolute;left:0;font-size:1.1em}.pro-detail,.con-detail{font-size:.9rem;color:var(--color-text-secondary);margin-top:.3rem;font-style:italic}.info-box{background:#17a2b81a;border:1px solid var(--color-info);border-radius:var(--border-radius);margin:1rem 0;position:relative;padding:1rem 1rem 1rem 3rem}.info-box:before{content:"\2139";color:var(--color-info);font-size:1.5rem;font-weight:700;position:absolute;left:1rem;top:1rem}.info-box-title{color:var(--color-info);font-weight:600;margin:0 0 .5rem}@media(max-width:768px){.enhanced-pros-cons{grid-template-columns:1fr;gap:1.5rem}.specs-table th{width:40%}.specs-table th,.specs-table td{padding:.75rem}.analysis-section,.verdict-box,.who-for-box{padding:1rem}.analysis-section:before{top:.5rem;right:.5rem;font-size:1.2rem}}.recommendation-cta{padding:2rem 1rem;text-align:center;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.recommendation-btn{display:inline-flex;align-items:center;gap:1rem;padding:1rem 2rem;background:var(--color-accent);color:var(--color-background);border:2px solid var(--color-accent);border-radius:var(--border-radius);cursor:pointer;font-family:Roboto Mono,monospace;font-weight:600;font-size:1rem;transition:all .3s ease;text-decoration:none;box-shadow:var(--shadow-md)}.recommendation-btn:hover{background:var(--color-text-primary);border-color:var(--color-text-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-icon{font-size:1.5rem}.btn-text strong{display:block;font-size:1.1rem;margin-bottom:.25rem}.btn-text small{color:#0d1117cc;font-size:.85rem}.btn-arrow{font-size:1.2rem;transition:transform .3s ease}.recommendation-btn:hover .btn-arrow{transform:translate(4px)}.quick-comparison-section{padding:3rem 1rem;background:linear-gradient(135deg,var(--color-surface) 0%,var(--color-background) 100%);border-bottom:1px solid var(--color-border);contain:layout style;min-height:600px}.quick-comparison-section .container{max-width:1400px;margin:0 auto}.quick-comparison-header{text-align:center;margin-bottom:2.5rem}.quick-comparison-header h2{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.75rem;text-shadow:0 0 10px rgba(0,255,65,.3)}.quick-comparison-header h2:after{content:"";animation:blink 1s step-end infinite}.quick-comparison-subtitle{font-size:1.1rem;color:var(--color-text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.comparison-table-wrapper{overflow-x:auto;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);margin-bottom:2rem}.quick-comparison-table{width:100%;border-collapse:collapse;background:var(--color-surface);font-size:.95rem}.quick-comparison-table thead{background:linear-gradient(135deg,#1a1f26 0%,var(--color-surface) 100%);border-bottom:2px solid var(--color-text-primary)}.quick-comparison-table th{padding:1.25rem 1rem;text-align:left;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.quick-comparison-table tbody tr{border-bottom:1px solid var(--color-border);transition:all .3s ease}.quick-comparison-table tbody tr:hover{background:#00ff410d;transform:scale(1.01);box-shadow:0 2px 8px #00ff411a}.quick-comparison-table tbody tr:last-child{border-bottom:none}.quick-comparison-table td{padding:1.25rem 1rem;color:var(--color-text-secondary);vertical-align:middle}.tool-name-col{width:20%;min-width:150px}.score-col{width:12%;text-align:center}.best-for-col{width:25%}.pricing-col{width:18%}.feature-col{width:25%}.tool-name-link{color:var(--color-text-primary);text-decoration:none;font-weight:600;transition:all .3s ease}.tool-name-link:hover{color:var(--color-accent);text-shadow:0 0 8px rgba(88,166,255,.5)}.score-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:1.1rem;background:linear-gradient(135deg,#00ff4126,#00ff410d);border:2px solid rgba(0,255,65,.3);color:var(--color-text-primary);text-shadow:0 0 5px rgba(0,255,65,.3)}.best-for-text{color:var(--color-text-secondary);line-height:1.5;font-size:.9rem}.pricing-info{display:flex;flex-direction:column;gap:.25rem}.pricing-model{color:var(--color-accent);font-weight:600;font-size:.9rem}.pricing-detail{color:var(--color-text-secondary);font-size:.85rem}.standout-feature{color:var(--color-text-secondary);line-height:1.5;font-size:.9rem}.comparison-cta{text-align:center;margin-top:2rem}.view-all-tools-btn{display:inline-block;padding:1rem 2rem;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);color:#fff;text-decoration:none;border-radius:var(--border-radius);font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:var(--shadow-md)}.view-all-tools-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--color-accent-hover) 0%,var(--color-accent) 100%)}@media(max-width:1024px){.quick-comparison-table{font-size:.85rem}.quick-comparison-table th,.quick-comparison-table td{padding:1rem .75rem}.score-badge{font-size:1rem;padding:.4rem .8rem}}@media(max-width:768px){.quick-comparison-section{padding:2rem 1rem}.quick-comparison-header h2{font-size:1.5rem}.quick-comparison-subtitle{font-size:.95rem}.comparison-table-wrapper{border-radius:0;margin-left:-1rem;margin-right:-1rem}.quick-comparison-table{font-size:.8rem}.quick-comparison-table th,.quick-comparison-table td{padding:.75rem .5rem}.score-badge{font-size:.9rem;padding:.35rem .7rem}.best-for-text,.pricing-detail,.standout-feature{font-size:.8rem}.view-all-tools-btn{padding:.875rem 1.5rem;font-size:.9rem}}.use-case-section{padding:3rem 1rem;background:var(--color-background);border-bottom:1px solid var(--color-border)}.use-case-section .container{max-width:1400px;margin:0 auto}.use-case-header{text-align:center;margin-bottom:2.5rem}.use-case-header h2{font-size:2rem;color:var(--color-text-primary);margin-bottom:.5rem;text-shadow:0 0 5px var(--color-text-primary)}.use-case-header h2:after{content:"";animation:blink 1s step-end infinite}.use-case-subtitle{color:#c9d1d9;font-size:1rem;max-width:700px;margin:0 auto;line-height:1.6}.use-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-top:2rem}.use-case-card{position:relative;display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;text-align:left;font-family:Roboto Mono,monospace;overflow:hidden;color:inherit}.use-case-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:0;background:var(--color-text-primary);transition:height .3s ease}.use-case-card:hover:before{height:100%}.use-case-card:hover{border-color:var(--color-text-primary);transform:translateY(-4px);box-shadow:0 10px 30px #00ff4126;background:#00ff4108}.use-case-card:hover .use-case-description{color:#e6edf3}.use-case-card.active{border-color:var(--color-text-primary);background:#00ff4114;box-shadow:0 10px 30px #00ff4133}.use-case-card.active .use-case-description{color:#e6edf3}.use-case-card.active:before{height:100%}.use-case-icon{font-size:2rem;flex-shrink:0;opacity:.95;filter:brightness(1.1)}.use-case-content{flex:1}.use-case-title{font-size:1.1rem;color:var(--color-text-primary)!important;margin:0 0 .5rem;font-weight:600;letter-spacing:.02em}.use-case-description{font-size:.9rem;color:#c9d1d9;margin:0;line-height:1.6}.use-case-arrow{font-size:1.5rem;color:var(--color-text-secondary);flex-shrink:0;transition:all .3s ease;opacity:.6}.use-case-card:hover .use-case-arrow{color:var(--color-text-primary);transform:translate(4px);opacity:1}.use-case-card.active .use-case-arrow{color:var(--color-text-primary);opacity:1}.use-case-active-message{text-align:center;padding:1rem;margin-top:2rem;background:#00ff411a;border:1px solid var(--color-text-primary);border-radius:var(--border-radius);display:none}.use-case-active-message.show{display:block}.use-case-active-message p{margin:.5rem 0;color:var(--color-text-primary);font-size:.95rem}.use-case-reset-btn{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-text-primary);padding:.5rem 1rem;border-radius:var(--border-radius);cursor:pointer;font-family:Roboto Mono,monospace;font-size:.9rem;margin-top:.5rem;transition:all .3s ease}.use-case-reset-btn:hover{background:var(--color-text-primary);color:var(--color-background)}.inline-filter-section{padding:1rem;background:var(--color-background);border-bottom:1px solid var(--color-border)}.inline-filter-section .container{max-width:1400px;margin:0 auto}.filter-panel-header{display:none}.inline-search-container{position:relative;max-width:400px;margin:0 0 .75rem}.inline-search-container input{width:100%;padding:8px 32px 8px 12px;font-size:.85rem;font-family:Roboto Mono,monospace;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);transition:all .2s ease;box-sizing:border-box}.inline-search-container input:focus{outline:none;border-color:var(--color-text-primary);box-shadow:0 0 8px #00ff4126}.inline-search-container input::placeholder{color:var(--color-text-secondary)}.inline-search-container .clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-secondary);font-size:16px;cursor:pointer;display:none;padding:2px;border-radius:50%;transition:all .2s ease}.inline-search-container .clear-btn.show{display:flex;align-items:center;justify-content:center}.inline-search-container .clear-btn:hover{color:var(--color-text-primary)}.filter-dimensions-grid{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin-bottom:.75rem;align-items:flex-start}.filter-dimension{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.dimension-label{font-size:.7rem;font-weight:600;color:var(--color-text-primary);margin:0;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.filter-dimension .filter-group{display:flex;flex-wrap:wrap;gap:4px}.filter-dimension .filter-button{padding:3px 8px;font-size:.7rem}.filter-actions-row{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.filter-actions-row .clear-filters-btn{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);padding:3px 8px;border-radius:var(--border-radius);cursor:pointer;font-family:Roboto Mono,monospace;font-size:.7rem;transition:all .2s ease}.filter-actions-row .clear-filters-btn:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}.filter-actions-row .filter-count{font-size:.75rem;color:var(--color-text-secondary)}.quick-picks-accordion{margin-top:.5rem;border:none}.quick-picks-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:0;background:none;border:none;cursor:pointer;color:var(--color-text-secondary);font-size:.75rem;font-weight:500;font-family:Roboto Mono,monospace;transition:all .2s ease;list-style:none}.quick-picks-toggle::-webkit-details-marker{display:none}.quick-picks-toggle:hover{color:var(--color-text-primary)}.quick-picks-toggle:before{content:">";font-size:.7rem;transition:transform .2s ease}.quick-picks-accordion[open] .quick-picks-toggle:before{transform:rotate(90deg)}.quick-picks-grid{display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem 0;margin-top:.5rem}.quick-pick-card{display:inline-flex;align-items:center;gap:.3rem;padding:4px 10px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;font-family:Roboto Mono,monospace;font-size:.7rem;color:var(--color-text-secondary);white-space:nowrap}.quick-pick-card:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}.quick-pick-card.active{border-color:var(--color-text-primary);background:#00ff411a;color:var(--color-text-primary)}@media(max-width:768px){.inline-filter-section{padding:.75rem}.filter-dimensions-grid{gap:.5rem 1rem}.filter-dimension{flex-basis:100%}.dimension-label{min-width:60px}.quick-picks-accordion{margin-top:.5rem}.quick-picks-grid{gap:.4rem}.quick-pick-card{padding:.4rem .6rem;font-size:.65rem}}@media(max-width:480px){.inline-filter-section{padding:.5rem}.filter-dimension .filter-button{padding:2px 6px;font-size:.65rem}.inline-search-container input{font-size:.9rem;padding:8px 30px 8px 10px}.filter-actions-row{flex-direction:column;gap:.3rem;text-align:center}}.quiz-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0d1117f2;z-index:1000;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px)}.quiz-modal-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideInUp .3s ease}.quiz-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--color-border);background:var(--color-background)}.quiz-header h2{color:var(--color-text-primary);margin:0;font-size:1.5rem;font-weight:600}.close-btn{background:none;border:none;color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:var(--border-radius);transition:all .2s ease}.close-btn:hover{background:var(--color-border);color:var(--color-text-primary)}.quiz-container{padding:2rem}.quiz-progress{margin-bottom:2rem}.progress-bar{width:100%;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:var(--color-text-primary);width:25%;transition:width .3s ease;border-radius:3px}.progress-text{font-size:.9rem;color:var(--color-text-secondary);font-weight:500}.quiz-question{display:none;animation:slideInUp .3s ease}.quiz-question.active{display:block}.quiz-question h3{color:var(--color-text-primary);margin-bottom:1.5rem;font-size:1.3rem;font-weight:600;text-align:center}.quiz-options{display:grid;gap:1rem;grid-template-columns:1fr}.quiz-option{display:flex;align-items:center;padding:1rem 1.5rem;background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;text-align:left;width:100%;font-family:Roboto Mono,monospace;color:var(--color-text-primary)}.quiz-option:hover{border-color:var(--color-accent);background:var(--color-surface);transform:translateY(-2px);box-shadow:0 4px 12px #58a6ff26}.quiz-option.selected{border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-background)}.quiz-option.selected .option-text small{color:#0d1117b3}.option-icon{font-size:1.5rem;margin-right:1rem;min-width:2rem}.option-text{flex:1}.option-text strong{display:block;font-size:1rem;margin-bottom:.25rem;font-weight:600}.option-text small{color:var(--color-text-secondary);font-size:.85rem;line-height:1.3}.quiz-navigation{display:flex;justify-content:space-between;margin-top:2rem;gap:1rem}.quiz-nav-btn{padding:.75rem 2rem;border:2px solid var(--color-accent);background:var(--color-accent);color:var(--color-background);border-radius:var(--border-radius);cursor:pointer;font-weight:600;transition:all .2s ease;font-family:Roboto Mono,monospace;font-size:1rem}.quiz-nav-btn:hover:not(:disabled){background:var(--color-text-primary);border-color:var(--color-text-primary);transform:translateY(-1px)}.quiz-nav-btn:disabled{background:var(--color-border);border-color:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed;transform:none}.quiz-nav-btn#quiz-back{background:var(--color-surface);color:var(--color-accent)}.quiz-nav-btn#quiz-back:hover{background:var(--color-border)}.quiz-results{padding:2rem;animation:slideInUp .5s ease}.results-header{text-align:center;margin-bottom:2rem}.results-header h3{color:var(--color-text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.results-header p{color:var(--color-text-secondary);font-size:1rem}.recommendations-container{display:grid;gap:1.5rem;margin-bottom:2rem}.recommendation-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1.5rem;position:relative;transition:all .3s ease}.recommendation-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.recommendation-card.rank-1{border-left:4px solid var(--color-text-primary)}.recommendation-card.rank-2{border-left:4px solid var(--color-accent)}.recommendation-card.rank-3{border-left:4px solid var(--color-text-secondary)}.recommendation-rank{position:absolute;top:-8px;right:1rem;background:var(--color-accent);color:var(--color-background);padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600}.recommendation-rank.rank-1{background:var(--color-text-primary);color:var(--color-background)}.recommendation-rank.rank-2{background:var(--color-accent);color:var(--color-background)}.recommendation-rank.rank-3{background:var(--color-text-secondary);color:var(--color-background)}.recommendation-header-content{display:flex;align-items:start;gap:1rem;margin-bottom:1rem}.recommendation-info{flex:1}.recommendation-name{font-size:1.3rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.recommendation-score{background:var(--color-text-primary);color:var(--color-background);padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-block;margin-bottom:.5rem}.recommendation-description{color:var(--color-text-secondary);line-height:1.5;margin-bottom:1rem}.recommendation-match{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:.75rem;margin-bottom:1rem}.recommendation-match strong{color:var(--color-accent);font-size:.9rem;font-weight:600}.recommendation-match span{color:var(--color-text-primary);font-size:.9rem}.recommendation-features{margin-bottom:1rem}.recommendation-features h4{font-size:.9rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.feature-tags{display:flex;flex-wrap:wrap;gap:.5rem}.feature-tag{background:var(--color-surface);color:var(--color-text-primary);padding:.25rem .75rem;border-radius:15px;font-size:.8rem;border:1px solid var(--color-border)}.recommendation-actions{display:flex;gap:.75rem;flex-wrap:wrap}.rec-btn{padding:.5rem 1rem;border-radius:var(--border-radius);text-decoration:none;font-weight:600;font-size:.9rem;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;font-family:Roboto Mono,monospace}.rec-btn-primary{background:var(--color-accent);color:var(--color-background);border:2px solid var(--color-accent)}.rec-btn-primary:hover{background:var(--color-text-primary);border-color:var(--color-text-primary);transform:translateY(-1px)}.rec-btn-secondary{background:var(--color-surface);color:var(--color-accent);border:2px solid var(--color-accent)}.rec-btn-secondary:hover{background:var(--color-accent);color:var(--color-background)}.results-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.secondary-btn,.primary-btn{padding:.75rem 2rem;border-radius:var(--border-radius);font-weight:600;font-size:1rem;transition:all .2s ease;cursor:pointer;border:2px solid;font-family:Roboto Mono,monospace}.secondary-btn{background:var(--color-surface);color:var(--color-accent);border-color:var(--color-accent)}.secondary-btn:hover{background:var(--color-border)}.primary-btn{background:var(--color-accent);color:var(--color-background);border-color:var(--color-accent)}.primary-btn:hover{background:var(--color-text-primary);border-color:var(--color-text-primary);transform:translateY(-1px)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.recommendation-btn{flex-direction:column;gap:.5rem;padding:1.5rem}.use-case-section{padding:2rem 1rem}.use-case-header h2{font-size:1.5rem}.use-case-subtitle{font-size:.9rem}.use-case-grid{grid-template-columns:1fr;gap:1rem}.use-case-card{padding:1rem}.use-case-icon{font-size:1.5rem}.use-case-title{font-size:1rem}.use-case-description{font-size:.85rem}.quiz-modal-content{width:95%;margin:1rem}.quiz-header{padding:1rem}.quiz-container{padding:1.5rem}.quiz-question h3{font-size:1.2rem}.quiz-option{padding:1rem}.option-icon{font-size:1.2rem;margin-right:.75rem}.quiz-navigation{flex-direction:column}.quiz-nav-btn{width:100%}.recommendations-container{gap:1rem}.recommendation-card{padding:1rem}.recommendation-actions{flex-direction:column}.rec-btn{text-align:center;justify-content:center}.results-actions{flex-direction:column}}.ai-showcase-section{background:linear-gradient(135deg,#00ff4108,#00bfff08);padding:3rem 0;margin:0}.ai-showcase-header{text-align:center;margin-bottom:2.5rem}.ai-showcase-header h2{font-size:2.2rem;color:var(--color-text-primary);margin-bottom:.75rem;text-shadow:0 0 10px rgba(0,255,65,.3)}.ai-showcase-subtitle{font-size:1.1rem;color:var(--color-text-secondary);max-width:700px;margin:0 auto}.demo-disclaimer{font-size:.9rem;color:var(--color-text-secondary);max-width:700px;margin:1rem auto 0;padding:.75rem 1rem;background:#58a6ff1a;border-left:3px solid var(--color-accent);border-radius:4px;font-style:italic}.ai-showcase-container{max-width:1200px;margin:0 auto;padding:0 2rem}.prompt-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.prompt-btn{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);padding:1rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease;font-family:Roboto Mono,monospace;color:var(--color-text-secondary)}.prompt-btn:hover{border-color:var(--color-accent);background:#58a6ff0d;transform:translateY(-2px)}.prompt-btn.active{border-color:var(--color-text-primary);background:#00ff411a;color:var(--color-text-primary);box-shadow:0 0 15px #00ff4133}.prompt-icon{font-size:1.5rem;flex-shrink:0}.prompt-text{font-size:.95rem;font-weight:500;text-align:left}.showcase-demo{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;margin-bottom:1.5rem}.demo-prompt{padding:1.5rem;border-bottom:1px solid var(--color-border)}.prompt-label{font-size:.9rem;color:var(--color-accent);font-weight:600;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.prompt-content{font-size:1.1rem;color:var(--color-text-primary);margin-bottom:1.5rem;line-height:1.6;font-style:italic;white-space:pre-wrap;font-family:Roboto Mono,monospace}.demo-btn{background:var(--color-text-primary);color:var(--color-background);border:none;border-radius:var(--border-radius);padding:.875rem 1.75rem;font-size:1rem;font-weight:600;font-family:Roboto Mono,monospace;cursor:pointer;display:inline-flex;align-items:center;gap:.75rem;transition:all .3s ease;box-shadow:0 4px 12px #00ff414d}.demo-btn:hover:not(:disabled){background:var(--color-green-hover);transform:translateY(-2px);box-shadow:0 6px 16px #00ff4166}.demo-btn:disabled{opacity:.7;cursor:not-allowed}.demo-btn .btn-icon{font-size:1.1rem}.demo-response{padding:1.5rem;background:#0000004d}.response-label{font-size:.9rem;color:var(--color-accent);font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.75rem}.typing-indicator{color:var(--color-text-primary);font-size:1.5rem;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.response-content{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1.5rem;font-family:Roboto Mono,monospace;font-size:.9rem;line-height:1.6;color:#e6edf3;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;min-height:100px}.demo-cta{margin-top:1.5rem;text-align:center;padding-top:1.5rem;border-top:1px solid var(--color-border)}.showcase-cta-btn{display:inline-block;background:var(--color-accent);color:#fff;padding:.875rem 1.75rem;border-radius:var(--border-radius);text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 12px #58a6ff4d}.showcase-cta-btn:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 6px 16px #58a6ff66}.showcase-footer{text-align:center;padding:1.5rem;background:#00ff410d;border-radius:var(--border-radius)}.showcase-footer p{font-size:1rem;color:var(--color-text-secondary);margin:0}.showcase-footer a{color:var(--color-text-primary);text-decoration:none;font-weight:600;transition:all .2s ease}.showcase-footer a:hover{color:var(--color-green-hover);text-decoration:underline}@media(max-width:1024px){.prompt-selector{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media(max-width:768px){.ai-showcase-section{padding:2rem 0}.ai-showcase-container{padding:0 1rem}.ai-showcase-header h2{font-size:1.75rem}.ai-showcase-subtitle{font-size:1rem}.prompt-selector{grid-template-columns:1fr;gap:.75rem}.prompt-btn{padding:.875rem}.prompt-text{font-size:.9rem}.demo-prompt,.demo-response{padding:1rem}.prompt-content{font-size:.95rem}.demo-btn{width:100%;justify-content:center}.response-content{font-size:.85rem;padding:1rem}.showcase-cta-btn{display:block;width:100%}}.interactive-demo-section{background:linear-gradient(135deg,#00ff410d,#58a6ff0d);border:1px solid var(--color-border);border-radius:12px;padding:2rem;margin:2.5rem 0}.demo-intro{font-size:1.05rem;color:var(--color-text-secondary);margin-bottom:1.5rem;line-height:1.6}.tool-demo-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.tool-demo-prompt{padding:1.5rem;border-bottom:1px solid var(--color-border)}.demo-label{font-size:.85rem;color:var(--color-accent);font-weight:600;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.demo-prompt-text{font-size:1.05rem;color:var(--color-text-primary);margin-bottom:1.25rem;line-height:1.5;font-style:italic;white-space:pre-wrap;font-family:Roboto Mono,monospace}.tool-demo-btn{background:var(--color-text-primary);color:var(--color-background);border:none;border-radius:var(--border-radius);padding:.875rem 1.75rem;font-size:1rem;font-weight:600;font-family:Roboto Mono,monospace;cursor:pointer;display:inline-flex;align-items:center;gap:.75rem;transition:all .3s ease;box-shadow:0 4px 12px #00ff414d}.tool-demo-btn:hover:not(:disabled){background:var(--color-green-hover);transform:translateY(-2px);box-shadow:0 6px 16px #00ff4166}.tool-demo-btn:disabled{opacity:.7;cursor:not-allowed}.tool-demo-btn .btn-icon{font-size:1.1rem}.tool-demo-response{padding:1.5rem;background:#0003}.demo-response-label{font-size:.85rem;color:var(--color-accent);font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:.75rem}.demo-response-content{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1.5rem;font-family:Roboto Mono,monospace;font-size:.9rem;line-height:1.6;color:#e6edf3;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;min-height:100px;max-height:600px;overflow-y:auto}@media(max-width:768px){.interactive-demo-section{padding:1.5rem;margin:1.5rem 0}.demo-intro{font-size:1rem}.tool-demo-prompt{padding:1rem}.demo-prompt-text{font-size:.95rem}.tool-demo-btn{width:100%;justify-content:center}.tool-demo-response{padding:1rem}.demo-response-content{font-size:.85rem;padding:1rem;max-height:400px}}.prompt-builder-body{background-color:var(--color-background);color:var(--color-text-secondary)}.prompt-builder-main{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.prompt-builder-hero{display:grid;gap:2rem;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:stretch;margin-bottom:3rem}.prompt-builder-hero h1{font-size:2.2rem;color:var(--color-text-primary);margin-bottom:1rem}.prompt-builder-hero p{color:var(--color-text-secondary);margin:0 0 1rem}.hero-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.badge-card{background:#151b22e6;border:1px solid var(--color-border);border-radius:var(--border-radius);padding:1rem;box-shadow:var(--shadow-md)}.badge-title{display:inline-block;font-weight:600;color:var(--color-text-primary);margin-bottom:.35rem}.hero-card{background:linear-gradient(135deg,#18202df2,#0f1319f2);border:1px solid var(--color-border);border-radius:14px;padding:2rem;box-shadow:var(--shadow-lg)}.hero-card h2{color:var(--color-text-primary);margin-top:0}.hero-card ol{padding-left:1.5rem;margin:1rem 0 1.5rem;color:var(--color-text-secondary)}.hero-footnote{color:var(--color-text-secondary);font-size:.9rem;margin:0}.prompt-builder-workspace{margin-top:4rem}.workspace-header{margin-bottom:2rem}.workspace-header h2{color:var(--color-text-primary);margin-bottom:.75rem}.workspace-columns{display:grid;gap:2rem;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.workspace-primary,.workspace-secondary{display:flex;flex-direction:column;gap:2rem}.step-card{background:#12171fe6;border:1px solid var(--color-border);border-radius:12px;padding:2rem;box-shadow:var(--shadow-md)}.step-card__header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.step-card h3{margin:0;color:var(--color-text-primary);font-size:1.25rem;line-height:1.3}.step-index{display:inline-block;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;background:#00ff411a;color:var(--color-text-primary);border:1px solid rgba(0,255,65,.3);border-radius:999px;padding:.3rem .75rem}.step-description{color:var(--color-text-secondary);margin-top:0;margin-bottom:1.5rem}.workflow-category{color:var(--color-text-primary);font-size:.95rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin:1.75rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(70,78,90,.3)}.workflow-category:first-of-type{margin-top:.5rem}.goal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:1rem}.goal-card{background:#0e141bd9;border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;text-align:left;cursor:pointer;display:flex;gap:1.25rem;align-items:flex-start;transition:border-color .2s ease,transform .15s ease,background .2s ease,box-shadow .2s ease;color:var(--color-text-secondary)}.goal-card:hover,.goal-card:focus-visible{border-color:#646c78e6;outline:none;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.goal-card--active{border-color:var(--color-text-primary);box-shadow:0 0 0 2px #00ff4133,0 4px 12px #0003;background:#131b23f2}.goal-card--active:hover{transform:translateY(0);box-shadow:0 0 0 2px #00ff414d,0 4px 12px #0003}.goal-icon{font-size:1.75rem}.goal-card h4{margin:0 0 .35rem;color:var(--color-text-primary)}.config-section{margin-bottom:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid rgba(70,78,90,.3)}.config-section:last-child{border-bottom:none;padding-bottom:0}.config-section__title{margin:0 0 .5rem;font-size:1.25rem;color:var(--color-text-primary)}.config-section__helper{margin:.35rem 0 1.25rem;color:var(--color-text-secondary);font-size:.95rem}.config-fields{display:flex;flex-direction:column;gap:1.5rem}.field{display:flex;flex-direction:column;gap:.5rem}.field__label{font-weight:600;color:var(--color-text-primary);font-size:.95rem;line-height:1.4}.field__hint{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5;margin-top:-.25rem}.field__control{width:100%;background:#0a0e14cc;border:1px solid rgba(70,78,90,.6);border-radius:var(--border-radius);color:var(--color-text-secondary);padding:.75rem .9rem;font-family:inherit;font-size:.95rem;line-height:1.5;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.field__control:hover{border-color:#646c78cc}.field__control:focus{border-color:var(--color-text-primary);box-shadow:0 0 0 2px #00ff4126;outline:none;background:#0a0e14f2}.field__control--code{font-family:Roboto Mono,monospace;min-height:180px;resize:vertical}.field__control--checkbox-group{display:flex;flex-wrap:wrap;gap:.65rem;background:transparent;border:none;padding:.25rem 0}.checkbox-chip{background:#0c121acc;border:1px solid rgba(70,78,90,.6);border-radius:999px;padding:.5rem 1rem;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem;color:var(--color-text-secondary);transition:border-color .2s ease,background .2s ease,transform .1s ease;user-select:none}.checkbox-chip input[type=checkbox]{accent-color:var(--color-text-primary);cursor:pointer;width:16px;height:16px;margin:0}.checkbox-chip:hover{border-color:#646c78e6;background:#0c121af2}.checkbox-chip:has(input:checked){border-color:var(--color-text-primary);background:#00ff4114}.checkbox-chip input:focus-visible{outline:2px solid var(--color-text-primary);outline-offset:2px}.output-card{position:sticky;top:96px}.prompt-toolbar{display:flex;flex-direction:column;gap:.75rem;margin-top:1.25rem;margin-bottom:1.25rem;align-items:flex-start}@media(min-width:480px){.prompt-toolbar{flex-direction:row;align-items:center;justify-content:space-between}}.primary-button{background:linear-gradient(135deg,#00ff41e6,#1f6febe6);color:#0d1117;border:none;border-radius:999px;padding:.75rem 1.8rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.primary-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00ff4159}.secondary-button{background:transparent;color:var(--color-text-primary, #e6edf3);border:1px solid rgba(0,255,65,.5);border-radius:999px;padding:.75rem 1.8rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.secondary-button:hover{transform:translateY(-1px);border-color:#00ff41e6;background:#00ff411a;box-shadow:0 4px 12px #00ff4133}.primary-button:focus-visible,.secondary-button:focus-visible{outline:2px solid rgba(0,255,65,.7);outline-offset:2px}.prompt-feedback{font-size:.9rem;color:#00ff41e6;font-weight:500;display:inline;transition:opacity .2s ease;border:none;outline:none;background:none}.prompt-feedback:empty{display:none}.prompt-feedback--error{color:#ff6b6b}.prompt-preview{width:100%;min-height:420px;background:#090d13e6;color:var(--color-text-secondary);border:1px solid rgba(70,78,90,.6);border-radius:12px;padding:1.25rem 1.4rem;font-family:Roboto Mono,monospace;line-height:1.5;resize:vertical}.prompt-meta{display:flex;justify-content:flex-start;gap:2rem;font-size:.85rem;margin-top:1rem;color:var(--color-text-secondary);padding-top:.75rem;border-top:1px solid rgba(70,78,90,.3)}.insight-card{background:#0e141be0;border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;color:var(--color-text-secondary);box-shadow:var(--shadow-md)}.insight-card h3{margin-top:0;color:var(--color-text-primary)}.insight-list{padding-left:1.1rem;margin:1rem 0 0;display:grid;gap:.75rem}.insight-text{margin:.75rem 0 0;color:var(--color-text-secondary)}.prompt-builder-faq{margin-top:4rem}.prompt-builder-faq h2{color:var(--color-text-primary);margin-bottom:1.5rem}.faq-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.faq-card{background:#10161de6;border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;color:var(--color-text-secondary);box-shadow:var(--shadow-md)}.faq-card h3{margin-top:0;color:var(--color-text-primary)}@media(max-width:1080px){.prompt-builder-hero,.workspace-columns{grid-template-columns:1fr}.output-card{position:static}}@media(max-width:720px){.prompt-builder-main{padding:2rem 1.1rem 3rem}.hero-badges,.goal-grid{grid-template-columns:1fr}.prompt-preview{min-height:320px}.step-card{padding:1.5rem}.goal-card{padding:1.25rem}.config-section{margin-bottom:2rem;padding-bottom:2rem}}.homepage-actions{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.homepage-actions .primary-button{text-decoration:none}.secondary-link{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.4rem;border-radius:999px;border:1px solid rgba(88,166,255,.4);color:var(--color-accent);text-decoration:none;transition:border-color .2s ease,color .2s ease,transform .2s ease}.secondary-link:hover,.secondary-link:focus-visible{border-color:var(--color-accent-hover);color:var(--color-text-primary);transform:translateY(-1px);outline:none}.featured-hub-link{background:#00ff4114!important;border-left:3px solid var(--color-text-primary)!important;position:relative}.featured-hub-link:hover{background:#00ff4126!important}.hub-badge{display:inline-block;background:var(--color-text-primary);color:var(--color-background);font-size:.65rem;font-weight:700;padding:.15rem .4rem;border-radius:3px;margin-left:.5rem;text-transform:uppercase;letter-spacing:.5px}