*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg:#000;--color-text:#9ca3af;--color-heading:#d1d5db;--color-mint:#54B8B0;--color-purple:#a855f7;--color-card-bg:#0a0a0a;--color-border:#1f1f1f;--font-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--transition:.3s ease}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;font-size:16px;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{position:fixed;top:0;left:0;right:0;background:#000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);z-index:1000;height:70px;contain:layout style;will-change:transform}.header .container{display:flex;justify-content:space-between;align-items:center;height:100%}.logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;z-index:1001}.logo img{height:40px;width:40px;display:block;vertical-align:middle;aspect-ratio:1}.logo-text{font-size:18px;font-weight:700;color:var(--color-heading);line-height:normal}.nav{display:none}.nav.active{display:block;position:fixed;top:70px;left:0;right:0;background:#000000fa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:20px;border-bottom:1px solid var(--color-border)}.nav-list{list-style:none;display:flex;flex-direction:column;gap:15px;margin:0}.nav-list li{margin:0;padding:0}.nav-link{color:var(--color-text);text-decoration:none;font-size:18px;font-weight:500;transition:color var(--transition);display:flex;align-items:center;padding:10px}.nav-link:hover,.nav-link:focus{color:var(--color-mint);outline:2px solid var(--color-mint);outline-offset:4px}.menu-toggle{background:none;border:none;cursor:pointer;padding:10px;z-index:1001;display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px}.hamburger,.hamburger::before,.hamburger::after{width:25px;height:2px;background:var(--color-mint);border-radius:2px;transition:all var(--transition)}.hamburger{position:relative}.hamburger::before,.hamburger::after{content:'';position:absolute;left:0}.hamburger::before{top:-8px}.hamburger::after{top:8px}.menu-toggle[aria-expanded="true"] .hamburger{background:transparent}.menu-toggle[aria-expanded="true"] .hamburger::before{transform:rotate(45deg);top:0}.menu-toggle[aria-expanded="true"] .hamburger::after{transform:rotate(-45deg);top:0}main{padding-top:70px}.hero{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:radial-gradient(160% 220% at 0% 0%,#54b8b03d,transparent 60%),var(--color-bg);border-bottom:2px solid #54B8B0}.hero-layout{display:flex;align-items:center;gap:60px;max-width:1200px;flex-direction:column}@media (min-width: 768px){.hero-layout{flex-direction:row}}.hero-logo{max-width:400px;min-width:400px;height:auto;flex-shrink:0;aspect-ratio:1;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;shape-rendering:geometricPrecision}@media (max-width: 767px){.hero-logo{max-width:280px;min-width:280px}}.hero-content{flex:1;text-align:left}@media (max-width: 767px){.hero-content{text-align:center}}.hero-title{font-size:2.5rem;color:#fff;margin-bottom:20px;font-weight:700;letter-spacing:-.02em}.brand{background:linear-gradient(135deg,var(--color-mint) 0%,var(--color-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(18px,4vw,24px);color:#fff;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto;font-weight:500}.cta-button{display:inline-block;padding:15px 40px;background:#54B8B0;color:#000;text-decoration:none;border-radius:50px;font-weight:600;font-size:18px;border:2px solid #54B8B0;transition:transform var(--transition),box-shadow var(--transition),background-color var(--transition);will-change:transform}.cta-button:hover,.cta-button:focus{transform:translateY(-2px);box-shadow:0 8px 20px #54b8b04d;background:#4aa9a2}section{padding:80px 20px}.section-title{font-size:clamp(32px,6vw,48px);color:var(--color-heading);text-align:center;margin-bottom:60px;margin-top:0;font-weight:700}.tools-section>.container>.section-title{margin-bottom:30px}h1,h2,h3,h4,h5,h6{color:var(--color-heading);font-weight:600;line-height:1.3;margin-top:2em;margin-bottom:.8em}h1{font-size:clamp(32px,6vw,48px)}h2{font-size:clamp(24px,4vw,36px);margin-top:2.5em}h3{font-size:clamp(20px,3vw,28px);margin-top:2em}h1:first-child,h2:first-child,h3:first-child{margin-top:0}p{margin-bottom:1.5em;line-height:1.8}ul,ol{margin-bottom:1.5em;padding-left:1.5em}ul li,ol li{margin-bottom:.5em;line-height:1.7}ul{list-style-type:disc}ul ul{list-style-type:circle;margin-top:.5em}.masterclass-description ul,.sum ul,.content-list{padding-left:0;list-style:none}.masterclass-description ul li,.sum ul li,.content-list li{padding-left:1.5em;position:relative}.masterclass-description ul li::before,.sum ul li::before,.content-list li::before{content:"→";position:absolute;left:0;color:var(--color-mint);font-weight:700}.topic-features{list-style:none;padding-left:0}.topic-features li{padding-left:1.5em;position:relative;margin-bottom:.5em}.topic-features li::before{content:"✓";position:absolute;left:0;color:var(--color-mint);font-weight:700}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5em}.section-header img.section-icon{flex-shrink:0}.section-header h2{margin:0}.toc{background:var(--color-card-bg);border:2px solid #54b8b033;border-radius:12px;padding:2em;margin:2em 0 3em;box-shadow:0 4px 12px #0000004d}.toc h3{color:var(--color-heading);font-size:1.3em;margin-top:0;margin-bottom:1em;border-bottom:2px solid var(--color-mint);padding-bottom:.5em}.toc-list{list-style:none;padding-left:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1em}.toc-list li{margin:0}.toc-list a{display:flex;align-items:center;gap:.8em;padding:.8em 1.2em;background:#54b8b00d;border:1px solid #54b8b033;border-radius:8px;color:var(--color-text);text-decoration:none;transition:all .3s ease;font-weight:500}.toc-list a img{flex-shrink:0;opacity:.8;transition:opacity .3s ease}.toc-list a:hover{background:#54b8b026;border-color:var(--color-mint);color:var(--color-mint);transform:translateX(4px)}.toc-list a:hover img{opacity:1}@media (max-width: 768px){.toc{padding:1.5em}.toc-list{grid-template-columns:1fr}}.table-wrapper{width:100%;margin:2em 0}table{width:100%;border-collapse:separate;border-spacing:0;background:transparent}table caption{padding:0 0 1em;caption-side:top;text-align:left;font-weight:600;font-size:1.1em;color:var(--color-heading)}th,td{padding:18px 20px;text-align:left}thead{background:linear-gradient(135deg,#54b8b026,#54b8b014);border-radius:12px 12px 0 0}th{color:var(--color-heading);font-weight:600;font-size:.95em;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-mint)}th:first-child{border-radius:12px 0 0 0}th:last-child{border-radius:0 12px 0 0}tbody tr{background:var(--color-card-bg);transition:all .3s ease;border-bottom:1px solid #54b8b01a}tbody tr:hover{background:#54b8b014;transform:translateX(4px);box-shadow:-4px 0 0 var(--color-mint)}tbody tr:last-child{border-bottom:none}tbody tr:last-child td:first-child{border-radius:0 0 0 12px}tbody tr:last-child td:last-child{border-radius:0 0 12px 0}td{color:var(--color-text);line-height:1.6}td:first-child{color:var(--color-heading);font-weight:500}@media (max-width: 768px){.table-wrapper{overflow-x:visible}table{border-collapse:collapse}table caption{font-size:1.2em;padding:0 0 1.5em}thead{position:absolute;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;overflow:hidden;border:0}tbody tr{display:block;margin-bottom:1.5em;background:var(--color-card-bg);border:2px solid #54b8b033;border-radius:12px;padding:1em;box-shadow:0 4px 12px #0000004d;transition:all .3s ease}tbody tr:hover{transform:translateY(-4px);box-shadow:0 8px 20px #54b8b033;border-color:var(--color-mint)}tbody tr:last-child{margin-bottom:0}td{display:block;text-align:left;padding:.75em 0;border:none;border-radius:0}td:first-child{padding-top:0;font-size:1.1em;color:var(--color-mint);font-weight:600;margin-bottom:.5em}td:last-child{padding-bottom:0}td::before{content:attr(data-label);display:block;font-weight:600;color:var(--color-heading);font-size:.85em;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.3em}td:first-child::before{display:none}}figure{margin:2em 0;text-align:center}figure img{max-width:100%;height:auto;border-radius:8px;content-visibility:auto}figcaption{margin-top:1em;font-size:.9em;color:var(--color-text);font-style:italic}iframe{max-width:100%;width:100%;height:auto;aspect-ratio:16 / 9;border-radius:12px;margin:2em 0;border:2px solid #54b8b033;box-shadow:0 4px 12px #0000004d}@media (max-width: 768px){iframe{margin:1.5em 0;border-radius:8px}}.sum{background:#54b8b01a;border-left:4px solid var(--color-mint);padding:1.5em;margin:2em 0;border-radius:8px}.features{background:linear-gradient(180deg,transparent 0%,#a855f708 100%)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:16px;padding:40px 30px;text-align:center;transition:transform var(--transition),border-color var(--transition);contain:layout style paint}.feature-card:hover{transform:translateY(-5px);border-color:var(--color-mint)}.feature-icon{width:80px;height:80px;margin-bottom:8px;aspect-ratio:1;content-visibility:auto}.feature-title{font-size:24px;color:var(--color-heading);margin-bottom:10px;font-weight:600}.feature-description{color:var(--color-text);line-height:1.7}.about-content{display:flex;flex-direction:column;gap:40px;align-items:center}.about-image{max-width:100%;height:auto;border-radius:16px}.about-text{max-width:600px}.about-text p{margin-bottom:20px;line-height:1.8}.about-list{list-style:none;margin-top:30px}.about-list li{padding:10px 0;color:var(--color-mint);font-weight:500}.footer{background:var(--color-card-bg);border-top:1px solid var(--color-border);padding:40px 20px}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-info{font-size:14px;line-height:1}.footer-info *{display:inline;margin:0;padding:0;vertical-align:baseline}.footer-info a{color:var(--color-mint);transition:color var(--transition)}.footer-info a:hover,.footer-info a:focus{text-decoration:underline}.footer-info .separator{margin:0 10px;opacity:.5}.footer-social{display:flex;gap:20px;align-items:center}.social-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text);transition:color var(--transition);border-radius:8px}.social-icon svg{width:24px;height:24px}.social-icon:hover,.social-icon:focus{color:#54B8B0}@media (min-width: 768px){.menu-toggle{display:none}.nav{display:flex;align-items:center;position:static;background:none;padding:0;border:none}.nav-list{flex-direction:row;gap:30px;align-items:center;margin:0}.nav-link{font-size:18px;padding:0 10px;line-height:normal;height:auto;font-weight:700}.about-content{flex-direction:row;gap:60px}.about-image{max-width:400px}}@media (prefers-reduced-motion: reduce){*,::before,::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--color-mint);outline-offset:4px}.gen-ai-topics{padding:80px 20px;background:radial-gradient(160% 220% at 0% 0%,#54b8b03d,transparent 60%),var(--color-bg)}.section-intro{text-align:center;max-width:600px;margin:-40px auto 40px;font-size:18px;color:var(--color-text)}.topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:40px}.topic-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:14px;padding:24px;display:flex;gap:16px;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition);contain:layout style paint;will-change:transform}.topic-card:hover{transform:translateY(-3px);border-color:var(--color-mint);box-shadow:0 12px 28px #0006}.topic-icon-img{width:48px;height:48px;flex-shrink:0;margin-right:16px}.topic-content{flex:1;text-align:left}.topic-title{font-size:1.1rem;color:var(--color-heading);font-weight:600;margin-bottom:8px}.topic-description{font-size:.9rem;color:var(--color-text);line-height:1.6}.tools-cta{background:var(--color-mint);padding:60px 20px;text-align:center}.tools-cta .cta-title{font-size:clamp(28px,5vw,36px);color:#fff;margin-bottom:16px;font-weight:700}.tools-cta .cta-description{font-size:18px;color:#fff;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}.tools-cta .cta-button{display:inline-block;padding:16px 40px;background:#031015;color:#f5f5f5;text-decoration:none;border-radius:50px;font-weight:600;font-size:18px;transition:all var(--transition)}.tools-cta .cta-button:hover,.tools-cta .cta-button:focus{background:#020811;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.tools-section{padding:80px 20px;background:radial-gradient(160% 220% at 0% 0%,#54b8b03d,transparent 60%),var(--color-bg)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-top:40px}.tool-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:16px;padding:30px;display:flex;flex-direction:column;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition);contain:layout style paint;will-change:transform}.tool-card:hover{transform:translateY(-5px);border-color:var(--color-mint);box-shadow:0 10px 30px #5eead41a}.tool-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.tool-icon{width:48px;height:48px}.tool-badge{background:linear-gradient(135deg,var(--color-mint) 0%,var(--color-purple) 100%);color:var(--color-bg);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.tool-badge-popular{background:linear-gradient(135deg,var(--color-purple) 0%,#ec4899 100%)}.tool-title{font-size:22px;color:var(--color-heading);margin-bottom:15px;font-weight:600}.tool-description{color:var(--color-text);line-height:1.7;margin-bottom:20px;flex-grow:1}.tool-features{list-style:none;margin-bottom:25px}.tool-features li{color:var(--color-mint);padding:5px 0;font-size:14px}.tool-button{display:block;text-align:center;padding:12px 24px;margin-top:20px;background:transparent;color:var(--color-mint);text-decoration:none;border:2px solid var(--color-mint);border-radius:8px;font-weight:600;transition:all var(--transition)}.tool-button:hover,.tool-button:focus{background:var(--color-mint);color:var(--color-bg);transform:translateY(-2px)}.cta-section{padding:100px 20px;text-align:center;background:radial-gradient(ellipse at center,#a855f71a 0%,transparent 70%)}.cta-text{font-size:18px;color:var(--color-text);max-width:600px;margin:0 auto 40px}.topic-link{text-decoration:none;color:inherit;display:flex;align-items:center;width:100%}.skip-link{position:absolute;top:-100px;left:0;background:var(--color-mint);color:#000;padding:8px 16px;z-index:9999;text-decoration:none;font-weight:600;border-radius:0 0 4px 0}.skip-link:focus{top:0}.content-section{padding:80px 0;background:radial-gradient(160% 220% at 0% 0%,#54b8b03d,transparent 60%),var(--color-bg)}.content-wrapper{max-width:900px;margin:0 auto}.content-wrapper-narrow{max-width:800px;margin:0 auto;text-align:center}.page-title{text-align:center;margin-bottom:40px}.content-left{text-align:left;margin-top:40px}.section-heading{margin-top:40px;color:var(--color-heading)}.content-intro{margin-bottom:30px;font-size:1.1rem}.content-logo{margin-bottom:30px}.content-link{color:var(--color-mint)}.content-text{margin-bottom:20px}.tool-card-featured{background:linear-gradient(135deg,#54B8B0 0%,#4aa8a0 100%);color:#fff}.tool-card-featured .tool-title,.tool-card-featured .tool-description{color:#fff}.tool-card-featured .tool-features,.tool-card-featured .tool-features li{color:#1a1a1a}.tool-card-featured .tool-pricing{color:#1a1a1a}.tool-card-featured .tool-rating{color:#1a1a1a}.tool-badge-released,.tool-badge-featured{background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%)!important;color:#000!important;border:2px solid #FFD700!important;font-weight:700!important;box-shadow:0 2px 8px rgba(255,215,0,.3)!important}.tool-button-light{background:#fff;color:#1a1a1a;border:2px solid #fff}.section-with-border{border-bottom:2px solid var(--color-mint);padding-bottom:20px;margin-bottom:40px}.section-category{padding:40px 0}.section-category-alt{padding:40px 0;background-color:rgba(84,184,176,.05);border-top:2px solid var(--color-mint)}.section-category-border{border-top:2px solid var(--color-mint)}.section-subtitle{display:flex;align-items:center;gap:8px}.section-subtitle img{vertical-align:middle;margin-right:8px}.section-subtitle a{text-decoration:none;color:inherit}.tool-rating{color:#fff}.tool-rating-gold{color:#FFD700}.affiliate-disclaimer{text-align:center;font-size:12px;color:var(--color-text);margin-top:40px;font-style:italic}.detector-hero-layout{display:flex;align-items:center;gap:40px;max-width:1200px;margin:0 auto}.detector-hero-icon{flex-shrink:0}.detector-hero-content{flex:1}.detector-hero-title{text-align:left;margin-bottom:20px;color:#fff}.detector-hero-subtitle{text-align:left}.detector-intro{margin-bottom:20px}/* Blog Styles */
.blog-grid{display:grid;gap:30px}.blog-card-wrapper{display:block;text-decoration:none;color:inherit;cursor:pointer}.blog-card-wrapper:hover .blog-card{transform:translateY(-5px);border-color:var(--color-mint)}.blog-card-wrapper:hover .blog-card-link{text-decoration:underline}.blog-card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:16px;padding:30px;transition:transform var(--transition),border-color var(--transition)}.blog-card:hover{transform:translateY(-5px);border-color:var(--color-mint)}.blog-card-meta{display:flex;gap:15px;margin-bottom:15px;font-size:14px;color:var(--color-text)}.blog-category{background:var(--color-mint);color:#000;padding:2px 10px;border-radius:12px;font-weight:600}.blog-card-title{font-size:1.5rem;margin-bottom:15px;margin-top:0}.blog-card-title a{color:var(--color-heading);text-decoration:none;transition:color var(--transition)}.blog-card-title a:hover{color:var(--color-mint)}.blog-card-excerpt{color:var(--color-text);line-height:1.7;margin-bottom:20px}.blog-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.blog-tag{background:#54b8b01a;color:var(--color-mint);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.blog-card-link{color:var(--color-mint);text-decoration:none;font-weight:600;transition:color var(--transition)}.blog-card-link:hover{text-decoration:underline}.blog-article{padding-bottom:80px}.blog-header{padding:60px 0 40px;background:radial-gradient(160% 220% at 0% 0%,#54b8b03d,transparent 60%),var(--color-bg);border-bottom:2px solid var(--color-mint)}.breadcrumb{margin-bottom:20px;font-size:14px}.breadcrumb a{color:var(--color-mint);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.blog-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;font-size:14px;color:var(--color-text)}.blog-author{color:var(--color-mint)}.blog-title{font-size:clamp(28px,5vw,42px);color:var(--color-heading);margin:20px 0;line-height:1.2}.blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.blog-content{padding:60px 0}.blog-content pre{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;padding:20px;overflow-x:auto;margin:2em 0}.blog-content code{font-family:'SF Mono',Monaco,Consolas,monospace;font-size:14px;color:var(--color-mint)}.blog-content pre code{color:var(--color-text)}.blog-disclaimer{background:#ff634726;border-left:4px solid #ff6347;padding:1.5em;margin:2em 0;border-radius:8px}.blog-disclaimer p{margin:0}.blog-follow{background:var(--color-card-bg);border:2px solid var(--color-mint);border-radius:12px;padding:2em;margin-top:3em}.blog-follow h3{margin-top:0;color:var(--color-heading)}.blog-follow a{color:var(--color-mint)}
@media print{.header,.footer,.menu-toggle,.skip-link{display:none}main{padding-top:0}.hero{min-height:auto;background:none;border:none}body{background:#fff;color:#000}.feature-card,.topic-card,.tool-card{break-inside:avoid;border:1px solid #ccc}a{color:#000;text-decoration:underline}a[href^="http"]::after{content:" (" attr(href) ")";font-size:.8em;color:#666}}