:root{--tool-koppie: rgb(139, 162, 121);--tool-koppie-soft: rgba(139, 162, 121, .15);--tool-groom: rgb(85, 170, 235);--tool-groom-soft: rgba(85, 170, 235, .12);--tool-purr: rgb(219, 112, 147);--tool-purr-soft: rgba(219, 112, 147, .12);--tool-dawn: rgb(255, 135, 75);--tool-dawn-soft: rgba(255, 135, 75, .12);--tool-spot: rgb(153, 144, 133);--tool-spot-soft: rgba(153, 144, 133, .12);--tool-cache: rgb(210, 180, 110);--tool-cache-soft: rgba(210, 180, 110, .12);--tool-shed: rgb(205, 115, 85);--tool-shed-soft: rgba(205, 115, 85, .12);--status-live: #34d399;--status-soon: rgb(228, 173, 76);--status-maintenance: #8b949e}#main-content:has(.tools-page-container){max-width:1400px;padding-left:2.5rem;padding-right:2.5rem}.tools-page-container{max-width:100%;margin:0 auto;padding:0 0 4rem}.tools-hero{text-align:center;padding:2rem 0 3rem}.tools-hero .hero-content{max-width:800px;margin:0 auto}.tools-hero .hero-title{font-size:3rem;font-weight:800;margin-bottom:1rem;background:var(--hero-text-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.tools-hero .hero-description{font-size:1.25rem;color:var(--text-secondary);line-height:1.6}.tools-page-container .category-header{margin-top:3rem;margin-bottom:2rem}.tools-page-container .category-header:first-child,.featured-tool-section .category-header{margin-top:0}.tools-page-container .category-title{font-size:.8rem}.featured-tool-section{margin-bottom:4rem}.featured-tool-card{position:relative;display:flex;align-items:center;min-height:380px;background:var(--bg-secondary);border-radius:20px;padding:3rem;border:var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.featured-tool-card:hover{box-shadow:0 20px 40px -20px #8ba27933}.featured-tool-content{position:relative;z-index:2;max-width:60%}.featured-tool-badges{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.tool-badge{display:inline-flex;align-items:center;gap:6px;padding:.35rem .75rem;border-radius:100px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-live{background:#34d39926;color:var(--status-live);border:1px solid rgba(52,211,153,.3)}[data-theme=light] .badge-live{color:#059669;border-color:#05966966}.badge-live:before{content:"";width:6px;height:6px;background:var(--status-live);border-radius:50%;animation:pulse 2s ease-in-out infinite}[data-theme=light] .badge-live:before{background:#059669}.badge-soon{background:#f0a50026;color:var(--status-soon);border:1px solid rgba(240,165,0,.3)}[data-theme=light] .badge-soon{color:#b45309;border-color:#b4530966}.badge-maintenance{background:#8b949e26;color:var(--status-maintenance);border:1px solid rgba(139,148,158,.3)}.badge-free{background:rgba(var(--accent-rgb),.1);color:var(--text-secondary);border:1px solid var(--border)}.badge-freemium{background:var(--accent-violet-soft);color:var(--accent-violet);border:1px solid rgba(167,139,250,.3)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.featured-tool-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.featured-tool-tagline{font-size:1rem;color:var(--tool-koppie);margin-bottom:1rem;font-weight:500}.featured-tool-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;font-size:1rem}.featured-tool-stats{display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.stat-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.stat-item svg{color:var(--tool-koppie);flex-shrink:0}.featured-tool-actions{display:flex;gap:1rem}.koppie-docs-mockup{position:absolute;right:0;left:55%;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:auto;height:340px;z-index:1}.koppie-docs-mockup-inner{position:relative;width:320px;height:100%}.koppie-doc{position:absolute;width:160px;transition:transform .3s ease,box-shadow .3s ease}.koppie-doc__window{background:var(--bg-secondary);border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #00000040,0 2px 8px #00000026;border:1px solid rgba(255,255,255,.08)}.koppie-doc__chrome{display:flex;align-items:center;gap:5px;padding:6px 10px;background:#323237f2;border-bottom:1px solid rgba(255,255,255,.05)}.koppie-doc__chrome--dark{background:#232328fa}.koppie-doc__chrome--gold{background:#8c692dfa}.koppie-doc__dot{width:8px;height:8px;border-radius:50%}.koppie-doc__dot--red{background:#ff5f57}.koppie-doc__dot--yellow{background:#febc2e}.koppie-doc__dot--green{background:#28c840}.koppie-doc__header{padding:10px 12px 8px;background:#232328f2;border-bottom:1px solid rgba(255,255,255,.05)}.koppie-doc__header--gold{background:#8c692df2}.koppie-doc__body{padding:10px 12px;min-height:120px}.koppie-doc__body--dark{background:#1a1a1f}.koppie-doc__body--light{background:#fafafa}[data-theme=light] .koppie-doc__body--light{background:#fff}.koppie-doc--left{left:0;top:0;transform:rotate(-6deg);z-index:1}.koppie-doc--left:hover{transform:rotate(-6deg) translateY(-4px) scale(1.02);z-index:10}.koppie-txt__title{font-family:Consolas,Monaco,monospace;font-size:9px;color:#e0e0e0;font-weight:600;margin-bottom:2px}.koppie-txt__divider{font-family:Consolas,Monaco,monospace;font-size:7px;color:#888;letter-spacing:-.5px}.koppie-txt__spacer{height:6px}.koppie-txt__label{font-family:Consolas,Monaco,monospace;font-size:7px;color:var(--tool-koppie);font-weight:600;margin-top:4px}.koppie-txt__text{font-family:Consolas,Monaco,monospace;font-size:7px;color:#ccc;margin:2px 0}.koppie-txt__meta{font-family:Consolas,Monaco,monospace;font-size:6px;color:#777}.koppie-txt__line-divider{font-family:Consolas,Monaco,monospace;font-size:6px;color:#555;margin:4px 0}.koppie-doc--center{left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:170px}.koppie-doc--center:hover{transform:translate(-50%,-50%) translateY(-4px) scale(1.02);z-index:10}.koppie-doc--center .koppie-doc__window{box-shadow:0 8px 30px #0000004d,0 4px 12px #0003}.koppie-html__title{font-size:10px;font-weight:700;color:#fff;margin-bottom:2px}.koppie-html__subtitle{font-size:7px;color:#fff9;margin-bottom:6px}.koppie-html__stats{display:flex;gap:8px}.koppie-html__stat{font-size:6px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.3px}.koppie-html__question{display:flex;align-items:flex-start;gap:6px;margin-bottom:8px}.koppie-html__num{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:#2563eb;color:#fff;font-size:8px;font-weight:700;border-radius:50%;flex-shrink:0}.koppie-html__content{flex:1}.koppie-html__badge{display:inline-block;padding:2px 5px;background:#ef4444;color:#fff;font-size:5px;font-weight:700;border-radius:3px;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.koppie-html__badge--rating{background:#f97316}.koppie-html__text{height:6px;width:80%;border-radius:2px}.koppie-html__nps-scale{display:flex;gap:3px;margin-bottom:10px;padding-left:22px}.koppie-html__nps-box{width:14px;height:14px;display:flex;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:2px;font-size:6px;color:#666;background:#fff}.koppie-html__nps-box--active{background:var(--tool-koppie);border-color:var(--tool-koppie);color:#fff}.koppie-doc--right{right:0;bottom:0;top:auto;transform:rotate(6deg);z-index:3}.koppie-doc--right:hover{transform:rotate(6deg) translateY(-4px) scale(1.02);z-index:10}.koppie-flow__title{font-size:9px;font-weight:700;color:#fff;margin-bottom:2px}.koppie-flow__stats{font-size:6px;color:#fff9;text-transform:uppercase;letter-spacing:.3px}.koppie-flow__start{display:inline-block;padding:4px 12px;background:#c89e44;color:#fff;font-size:7px;font-weight:700;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.koppie-flow__arrow{width:2px;height:12px;background:#ccc;margin:0 auto 2px 18px;position:relative}.koppie-flow__arrow:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #ccc}.koppie-flow__node{display:flex;align-items:center;gap:6px;padding:5px 8px;background:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:2px}.koppie-flow__node-type{padding:2px 4px;background:#8b5cf6;color:#fff;font-size:5px;font-weight:700;border-radius:2px;text-transform:uppercase}.koppie-flow__node-type--stmt{background:#6366f1}.koppie-flow__node-text{flex:1;height:5px;border-radius:2px}.koppie-docs-mockup .skeleton{background:linear-gradient(90deg,#e0e0e0,#f0f0f0,#e0e0e0);background-size:200% 100%;animation:shimmer 2s infinite ease-in-out}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=light] .koppie-doc__window{border-color:#0000001a}[data-theme=light] .koppie-doc__chrome{background:#f0f0f5fa;border-bottom-color:#00000014}[data-theme=light] .koppie-doc__chrome--dark{background:#37373cfa}[data-theme=light] .koppie-doc__chrome--gold{background:#8c692dfa}.all-tools-section{margin-bottom:4rem}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.tool-card{position:relative;padding:1.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column}.tool-card:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s ease}.tool-card:hover{transform:translateY(-4px);border-color:#ffffff1f}.tool-card:hover:before{opacity:1}.tool-card-wide{grid-column:span 2}.tool-card-disabled{opacity:.75}article.tool-card-disabled:hover{transform:none}a.tool-card-disabled{cursor:pointer}a.tool-card-disabled:hover{transform:translateY(-4px)}.tool-card[data-accent=koppie]:before{background:linear-gradient(135deg,var(--tool-koppie-soft) 0%,transparent 60%)}.tool-card[data-accent=koppie] .tool-icon{background:linear-gradient(135deg,var(--tool-koppie) 0%,rgb(111,134,93) 100%);box-shadow:0 8px 20px -6px #8ba27966}.tool-card[data-accent=koppie]:hover{box-shadow:0 16px 32px -12px #8ba27940}.tool-card[data-accent=groom]:before{background:linear-gradient(135deg,var(--tool-groom-soft) 0%,transparent 60%)}.tool-card[data-accent=groom] .tool-icon{background:linear-gradient(135deg,var(--tool-groom) 0%,rgb(55,135,200) 100%);box-shadow:0 8px 20px -6px #55aaeb66}.tool-card[data-accent=groom]:hover{box-shadow:0 16px 32px -12px #55aaeb40}.tool-card[data-accent=purr]:before{background:linear-gradient(135deg,var(--tool-purr-soft) 0%,transparent 60%)}.tool-card[data-accent=purr] .tool-icon{background:linear-gradient(135deg,var(--tool-purr) 0%,rgb(199,76,120) 100%);box-shadow:0 8px 20px -6px #db709366}.tool-card[data-accent=purr]:hover{box-shadow:0 16px 32px -12px #db709340}.tool-card[data-accent=dawn]:before{background:linear-gradient(135deg,var(--tool-dawn-soft) 0%,transparent 60%)}.tool-card[data-accent=dawn] .tool-icon{background:linear-gradient(135deg,var(--tool-dawn) 0%,rgb(235,115,55) 100%);box-shadow:0 8px 20px -6px #ff874b66}.tool-card[data-accent=dawn]:hover{box-shadow:0 16px 32px -12px #ff874b40}.tool-card[data-accent=spot]:before{background:linear-gradient(135deg,var(--tool-spot-soft) 0%,transparent 60%)}.tool-card[data-accent=spot] .tool-icon{background:linear-gradient(135deg,var(--tool-spot) 0%,rgb(133,124,113) 100%);box-shadow:0 8px 20px -6px #99908566}.tool-card[data-accent=spot]:hover{box-shadow:0 16px 32px -12px #99908540}.tool-card[data-accent=cache]:before{background:linear-gradient(135deg,var(--tool-cache-soft) 0%,transparent 60%)}.tool-card[data-accent=cache] .tool-icon{background:linear-gradient(135deg,var(--tool-cache) 0%,rgb(180,150,80) 100%);box-shadow:0 8px 20px -6px #d2b46e66}.tool-card[data-accent=cache]:hover{box-shadow:0 16px 32px -12px #d2b46e40}.tool-card[data-accent=shed]:before{background:linear-gradient(135deg,var(--tool-shed-soft) 0%,transparent 60%)}.tool-card[data-accent=shed] .tool-icon{background:linear-gradient(135deg,var(--tool-shed) 0%,rgb(175,90,65) 100%);box-shadow:0 8px 20px -6px #cd735566}.tool-card[data-accent=shed]:hover{box-shadow:0 16px 32px -12px #cd735540}.tool-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem;position:relative;z-index:1}.tool-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.tool-card:hover .tool-icon{transform:scale(1.05)}.tool-icon svg{color:var(--bg-primary)}.tool-badges{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.tool-card-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column}.tool-card-title{font-size:1.35rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;letter-spacing:-.01em}.tool-card-tagline{font-size:.9rem;color:var(--text-secondary);margin-bottom:.75rem;font-weight:500}.tool-card-description{font-size:.875rem;color:#ffffffa6;line-height:1.6;margin-bottom:1.25rem;flex:1}[data-theme=light] .tool-card-description{color:#0009}.tool-card-footer{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.tool-card-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-primary);text-decoration:none;font-weight:500;font-size:.9rem;transition:all .3s ease}.tool-card-link:hover,.tool-card:hover .tool-card-link:not(.tool-card-link-disabled){gap:12px}.tool-card-link svg{transition:transform .3s ease}.tool-card-link:hover svg,.tool-card:hover .tool-card-link:not(.tool-card-link-disabled) svg{transform:translate(4px)}a.tool-card{text-decoration:none;color:inherit;cursor:pointer}.tool-card-link-disabled{color:var(--text-muted);pointer-events:none}.tool-card-meta{font-size:.8rem;color:var(--text-muted)}.cta-section{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;margin-bottom:4rem;padding:5rem 2rem;background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;overflow:hidden}.cta-watermark{position:absolute;bottom:-35%;right:-5%;width:350px;height:350px;pointer-events:none;opacity:.03;z-index:0}.cta-watermark svg{width:100%;height:100%;stroke:var(--accent)}[data-theme=light] .cta-watermark{opacity:.05}.cta-content{position:relative;z-index:1;max-width:600px;margin:0 auto}.cta-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.cta-description{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.6}.cta-form{display:flex;gap:.75rem;max-width:420px;margin:0 auto}input[type=email]{height:auto}.cta-input{flex:1;padding:1rem 1.25rem;border-radius:8px;border:var(--glass-border);background-color:var(--bg-secondary);color:var(--text-primary);font-size:1rem;box-shadow:var(--input-shadow, none)}.cta-input:focus{outline:none;box-shadow:0 0 0 2px var(--accent)}.honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-.0625rem!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.faq-section{margin-bottom:2rem}.faq-category-btn.active,.faq-category-btn:hover{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);color:var(--button-primary-text)}@media(max-width:1100px){.tools-grid{grid-template-columns:repeat(2,1fr)}.tool-card-wide{grid-column:span 2}}@media(max-width:1200px){.koppie-docs-mockup{left:58%;height:300px}.koppie-docs-mockup-inner{width:280px}.koppie-doc{width:140px}.koppie-doc--center{width:150px}}@media(max-width:900px){.featured-tool-card{min-height:auto;padding:2rem 1.5rem;flex-direction:column}.featured-tool-content{max-width:100%}.featured-tool-stats{flex-wrap:wrap;gap:1rem}.koppie-docs-mockup{display:none}}@media(max-width:768px){#main-content:has(.tools-page-container){padding-left:1.25rem;padding-right:1.25rem}.tools-page-container{padding-bottom:3rem}.tools-hero .hero-title{font-size:2.25rem}.tools-hero .hero-description{font-size:1.1rem}.tools-grid{grid-template-columns:1fr}.tool-card-wide{grid-column:span 1}.featured-tool-title{font-size:2rem}.cta-form{flex-direction:column}.cta-section{padding:4rem 1.5rem}.cta-watermark{width:250px;height:250px;right:-10%}}@media(max-width:576px){.tools-hero .hero-title{font-size:2rem}.featured-tool-actions{flex-direction:column}.featured-tool-actions .btn-primary{width:100%}}