@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: local('Inter');
}
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');:root{--bg-primary:#ffffff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#1e293b;--text-secondary:#64748b;--accent-primary:#2563eb;--accent-hover:#1d4ed8;--border-color:#e2e8f0;--card-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--transition:all 0.3s ease}[data-theme="dark"]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-primary:#3b82f6;--accent-hover:#60a5fa;--border-color:#334155;--card-shadow:0 10px 15px -3px rgb(0 0 0 / 0.3)}html,body{overflow-x:hidden;max-width:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color 0.3s ease,color 0.3s ease;min-height:100vh;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;width:100%}header{position:sticky;top:0;z-index:1000;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color)}nav{display:flex;justify-content:space-between;align-items:center;height:4.5rem;position:relative}.nav-links{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-links a{color:var(--text-secondary);font-size:0.95rem;font-weight:500;transition:color 0.3s ease;text-decoration:none}.nav-links a:hover,.nav-links a.active{color:var(--accent-primary)}.logo{font-size:1.5rem;font-weight:700;color:var(--accent-primary);display:flex;align-items:center;gap:0.5rem}.nav-actions{display:flex;align-items:center;gap:1.5rem}.theme-toggle{background:var(--bg-tertiary);color:var(--text-primary);padding:0.5rem;border-radius:0.5rem;display:flex;align-items:center;justify-content:center}.hero{padding:4rem 0;text-align:center;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.hero h1{font-size:3rem;font-weight:800;margin-bottom:1rem;color:var(--text-primary)}.hero p{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto 2rem}.search-container{max-width:600px;margin:0 auto;position:relative}.search-input{width:100%;padding:1rem 1.5rem 1rem 3rem;border-radius:9999px;border:2px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:var(--transition)}.search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px rgba(37,99,235,0.1)}.search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:4rem 0}.tool-card{background:var(--bg-primary);border:1px solid var(--border-color);padding:2rem;border-radius:1rem;transition:var(--transition);display:flex;flex-direction:column;gap:1rem}.tool-card:hover{transform:translateY(-5px);box-shadow:var(--card-shadow);border-color:var(--accent-primary)}.tool-icon{width:3rem;height:3rem;background:var(--bg-tertiary);color:var(--accent-primary);border-radius:0.75rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.tool-card h3{font-size:1.25rem;font-weight:600}.tool-card p{color:var(--text-secondary);font-size:0.95rem}.why-section{padding:4rem 0;background:var(--bg-secondary)}.section-title{text-align:center;margin-bottom:3rem}.section-title h2{font-size:2.25rem;font-weight:700;margin-bottom:0.5rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-item{text-align:center;padding:2rem;background:var(--bg-primary);border-radius:1rem;border:1px solid var(--border-color);transition:var(--transition)}.feature-icon{font-size:2.5rem;color:var(--accent-primary);margin-bottom:1rem;display:inline-block}.tool-layout{display:grid;grid-template-columns:1fr 350px;gap:2rem;padding:2rem 0}@media (max-width:992px){.tool-layout{grid-template-columns:1fr}}.upload-area{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:1rem;padding:4rem 2rem;text-align:center;transition:var(--transition);cursor:pointer}.upload-area.drag-over{border-color:var(--accent-primary);background:rgba(37,99,235,0.05)}.upload-icon{font-size:3rem;color:var(--text-secondary);margin-bottom:1.5rem}.preview-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}@media (max-width:768px){.preview-container{grid-template-columns:1fr}}.preview-box{background:var(--bg-secondary);border-radius:0.75rem;overflow:hidden;border:1px solid var(--border-color)}.preview-header{padding:0.75rem 1rem;background:var(--bg-tertiary);display:flex;justify-content:space-between;font-size:0.85rem;font-weight:600}.preview-content{height:300px;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative}.preview-content img{max-width:100%;max-height:100%;object-fit:contain}.controls-card{background:var(--bg-primary);border:1px solid var(--border-color);padding:1.5rem;border-radius:1rem;height:fit-content;position:sticky;top:6rem}.control-group{margin-bottom:1.5rem}.control-group label{display:block;margin-bottom:0.5rem;font-weight:600;font-size:0.9rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0.75rem 1.5rem;border-radius:0.5rem;font-weight:600;transition:var(--transition);width:100%;gap:0.5rem}.btn-primary{background:var(--accent-primary);color:white}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.faq-section{padding:4rem 0;border-top:1px solid var(--border-color)}.faq-item{margin-bottom:1.5rem;background:var(--bg-secondary);border-radius:0.75rem;padding:1.5rem}.faq-item h3{margin-bottom:0.5rem;font-size:1.1rem}footer{margin-top:auto;background:var(--bg-primary);border-top:1px solid var(--border-color);padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}@media (max-width:768px){.footer-grid{grid-template-columns:1fr;gap:2rem}}.footer-logo{font-size:1.5rem;font-weight:700;color:var(--accent-primary);margin-bottom:1rem;display:block}.footer-links h4{margin-bottom:1.25rem;font-size:1rem}.footer-links ul{list-style:none}.footer-links li{margin-bottom:0.75rem}.footer-links a{color:var(--text-secondary);transition:var(--transition)}.footer-links a:hover{color:var(--accent-primary)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:0.9rem}.badge-private{display:inline-flex;align-items:center;gap:0.25rem;padding:0.25rem 0.75rem;background:rgba(16,185,129,0.1);color:#059669;border-radius:9999px;font-size:0.75rem;font-weight:600;margin-bottom:1rem}input[type="range"]{width:100%;accent-color:var(--accent-primary)}input[type="number"],select{width:100%;padding:0.6rem;border-radius:0.4rem;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary)}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}}.scroll-progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(to right,#2563EB,#60a5fa);width:0%;z-index:101;transition:width 0.1s linear}@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero h1{animation:fadeUp 0.7s cubic-bezier(0.4,0,0.2,1) 0.1s both}.hero p{animation:fadeUp 0.7s cubic-bezier(0.4,0,0.2,1) 0.2s both}.search-container{animation:fadeUp 0.7s cubic-bezier(0.4,0,0.2,1) 0.3s both}.tool-card{opacity:0;transform:translateY(20px);transition:opacity 0.5s cubic-bezier(0.4,0,0.2,1),transform 0.5s cubic-bezier(0.4,0,0.2,1),border-color 0.3s ease,box-shadow 0.3s ease}.tool-card.visible{opacity:1;transform:translateY(0)}.tool-card:hover{transform:translateY(-4px);border-color:var(--accent-primary);box-shadow:0 12px 40px rgba(37,99,235,0.15)}.feature-item{opacity:0;transform:translateY(20px);transition:opacity 0.5s cubic-bezier(0.4,0,0.2,1),transform 0.5s cubic-bezier(0.4,0,0.2,1)}.feature-item.visible{opacity:1;transform:translateY(0)}.tool-icon{transition:transform 0.3s ease}.tool-card:hover .tool-icon{transform:scale(1.1)}.btn-primary{transition:background 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,99,235,0.3)}.btn-primary:active{transform:translateY(0)}.upload-area{transition:border-color 0.3s ease,background 0.3s ease,transform 0.3s ease}.upload-area:hover{border-color:var(--accent-primary);background:rgba(37,99,235,0.04)}.upload-area.drag-over{border-color:var(--accent-primary);background:rgba(37,99,235,0.06);transform:scale(1.01)}header{backdrop-filter:blur(12px);transition:box-shadow 0.3s ease}.category-tabs{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:3rem;padding:0.5rem;background:var(--bg-secondary);border-radius:1.5rem;box-shadow:inset 0 2px 8px rgba(0,0,0,0.05);border:1px solid var(--border-color)}.cat-tab{display:inline-flex;align-items:center;gap:0.6rem;padding:0.8rem 1.6rem;border-radius:1rem;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:0.95rem;font-weight:600;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden}.cat-tab i{font-size:1.25rem}.cat-tab:hover:not(.coming-soon){background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color);box-shadow:0 4px 12px rgba(0,0,0,0.05);transform:translateY(-2px)}.cat-tab.active{background:var(--accent-primary);color:#ffffff;border-color:var(--accent-primary);box-shadow:0 8px 24px rgba(37,99,235,0.3);transform:translateY(-2px)}.cat-tab.coming-soon{color:#e2e8f0;opacity:0.6;cursor:not-allowed;background:transparent}.soon-badge{background-color:#1e3a5f;color:#e2e8f0;font-size:0.62rem;font-weight:700;padding:2px 7px;border-radius:4px;letter-spacing:0.04em;vertical-align:middle;display:inline-block}.cat-tab.active .soon-badge{background:rgba(255,255,255,0.2);color:#ffffff;border-color:transparent}.placeholder-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6rem 2rem;gap:1.5rem;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1.5rem;margin:2rem 0;box-shadow:var(--card-shadow);animation:fadeUp 0.5s ease}.placeholder-panel .icon-glow{width:5rem;height:5rem;background:rgba(37,99,235,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:0.5rem;position:relative}.placeholder-panel .icon-glow::after{content:'';position:absolute;width:100%;height:100%;background:var(--accent-primary);filter:blur(20px);opacity:0.2;border-radius:50%;z-index:0}.placeholder-panel i{font-size:2.5rem;color:var(--accent-primary);z-index:1}.placeholder-panel h3{font-size:1.8rem;font-weight:700;color:var(--text-primary)}.placeholder-panel p{font-size:1.1rem;max-width:400px}.full-page-wrapper{display:flex;justify-content:center;gap:24px;width:100%;padding:2rem 1.5rem;min-height:100vh;align-items:flex-start;overflow-x:hidden;max-width:100vw;box-sizing:border-box}.center-main-content{flex:1;min-width:0;max-width:1100px;width:100%;display:flex;flex-direction:column;overflow-x:hidden}.center-main-content > .hero,.center-main-content > .why-section{border-radius:16px;overflow:hidden;margin-bottom:2rem}.contact-wrapper{max-width:600px;margin:3rem auto;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:2.5rem}.contact-wrapper h1{font-size:2rem;font-weight:700;margin-bottom:0.5rem}.contact-wrapper p{color:var(--text-secondary);margin-bottom:2rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-weight:600;font-size:0.9rem;margin-bottom:0.4rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:0.75rem 1rem;border-radius:0.5rem;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-size:0.95rem;transition:border-color 0.3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px rgba(37,99,235,0.1)}.form-group textarea{height:140px;resize:vertical}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:0.5rem;z-index:200}.hamburger span{display:block;width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:all 0.3s ease}.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@keyframes slideUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(40px);transition:opacity 0.6s cubic-bezier(0.4,0,0.2,1),transform 0.6s cubic-bezier(0.4,0,0.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:0.1s}.reveal-delay-2{transition-delay:0.2s}.reveal-delay-3{transition-delay:0.3s}.reveal-delay-4{transition-delay:0.4s}.hero-animate{animation:slideUp 0.7s cubic-bezier(0.4,0,0.2,1) forwards;opacity:0}.hero-animate-1{animation-delay:0.1s}.hero-animate-2{animation-delay:0.2s}.hero-animate-3{animation-delay:0.3s}.hero-animate-4{animation-delay:0.4s}html,body{overflow-x:hidden;max-width:100vw;box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}@media (max-width:1200px){.full-page-wrapper{padding:1rem;gap:0}.center-main-content{max-width:100%;width:100%}}@media (min-width:769px) and (max-width:1024px){.full-page-wrapper{padding:1rem;gap:0}.center-main-content{max-width:100%;width:100%;padding:0 1rem}.tool-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.features-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.hero h1{font-size:2.4rem}.category-tabs{flex-wrap:wrap;gap:0.5rem}.tool-layout{grid-template-columns:1fr}.preview-container{grid-template-columns:1fr 1fr}}@media (max-width:768px){html,body{padding-left:16px !important;padding-right:16px !important;overflow-x:hidden !important;max-width:100vw !important;box-sizing:border-box !important}*,*::before,*::after{box-sizing:border-box !important}header{margin-left:-16px !important;margin-right:-16px !important;width:auto !important;position:sticky !important;top:0 !important;z-index:1000 !important}.full-page-wrapper{display:flex !important;flex-direction:column !important;padding:1.5rem 0 0 0 !important;gap:1.5rem !important;width:100% !important;max-width:100% !important;overflow-x:hidden !important;box-sizing:border-box !important;align-items:center !important}.center-main-content{width:100% !important;max-width:100% !important;padding:0 !important;margin:0 auto !important;display:flex !important;flex-direction:column !important;align-items:center !important;overflow-x:hidden !important;box-sizing:border-box !important}.center-main-content > section,.center-main-content > div,.container{width:100% !important;max-width:100% !important;padding-left:0 !important;padding-right:0 !important;margin-left:auto !important;margin-right:auto !important;box-sizing:border-box !important}.tool-grid{display:flex !important;flex-direction:column !important;gap:1rem !important;width:100% !important;max-width:100% !important;padding:0.5rem 0 !important;box-sizing:border-box !important}.tool-card,.controls-card,.preview-box,.faq-item,.contact-wrapper,.why-section,.coming-soon-panel,.upload-area{width:auto !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important;box-sizing:border-box !important}.form-group,input,select,textarea,.btn,.upload-area,.controls-card{width:100% !important;max-width:100% !important;box-sizing:border-box !important}h1,h2,h3,h4,h5,h6{word-wrap:break-word !important;overflow-wrap:break-word !important;white-space:normal !important}.hero h1{font-size:1.8rem !important;line-height:1.25 !important;padding:0 !important;text-align:center !important}header{position:sticky;top:0;z-index:1000;width:100%}nav{position:relative !important;display:flex !important;justify-content:space-between !important;align-items:center !important;flex-wrap:nowrap !important;padding:0 1rem !important;height:auto !important;min-height:4rem !important;width:100% !important}.logo{font-size:1.2rem;padding:0.75rem 0;flex-shrink:0}.logo img{height:36px;width:36px}.nav-actions{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 0}.hamburger{display:flex}.nav-links{display:none;position:fixed !important;top:4rem !important;left:0 !important;right:0 !important;width:100% !important;height:auto !important;max-height:calc(100vh - 4rem) !important;flex-direction:column !important;background:var(--bg-primary) !important;z-index:9999 !important;padding-top:0.75rem !important;padding-bottom:1rem !important;padding-left:1.5rem !important;padding-right:1.5rem !important;overflow-y:auto !important;box-shadow:0 8px 30px rgba(0,0,0,0.2) !important;border-bottom:1px solid var(--border-color) !important;transform:none !important;margin:0 !important;list-style:none !important;gap:0 !important;border-top:none !important}.nav-links.open{display:flex !important}.nav-links li{width:100%;list-style:none}.nav-links a{display:block !important;padding:1.25rem 0 !important;border-bottom:1px solid var(--border-color) !important;font-size:1.1rem !important;font-weight:500 !important;color:var(--text-primary) !important;text-align:left !important;width:100% !important;text-decoration:none !important}.nav-links li:last-child a{border-bottom:none !important}.hero{padding:2rem 0 1.5rem;text-align:center;overflow:hidden}.hero h1{font-size:1.75rem;line-height:1.2;padding:0 0.5rem;word-break:break-word}.hero p{font-size:0.95rem;padding:0 0.5rem;margin-bottom:1.5rem}.search-container{width:100%;max-width:100%;padding:0 0.5rem;margin:0 auto}.search-input{width:100%;font-size:0.9rem;padding:0.85rem 1rem 0.85rem 2.75rem}.category-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:0.5rem;width:100%;overflow-x:visible;overflow-y:visible;padding:0.75rem 1rem;flex-wrap:wrap;margin:0;max-width:100%;scrollbar-width:none}.cat-tab{width:100%;text-align:center;font-size:0.78rem;padding:0.5rem 0.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:unset;scroll-snap-align:unset;border-radius:0.75rem}.soon-badge{font-size:0.6rem;padding:1px 5px}.tool-grid{grid-template-columns:1fr;gap:0.85rem;padding:1rem 0 2rem;width:100%}.tool-card{width:100%;box-sizing:border-box;padding:1.25rem}.coming-soon-panel{margin:1rem 0;padding:3rem 1rem;width:100%;box-sizing:border-box}.why-section{padding:2rem 1rem;width:100%;box-sizing:border-box}.features-grid{grid-template-columns:1fr 1fr;gap:1rem}.feature-item{padding:1rem}.feature-icon{font-size:1.5rem}section{padding:2rem 0;width:100%;overflow-x:hidden}.section-title h2{font-size:1.6rem}.tool-layout{grid-template-columns:1fr;gap:1rem;padding:1rem 0}.controls-card{position:static;width:100%}.preview-container{grid-template-columns:1fr;gap:1rem}.preview-content{height:180px}.upload-area{padding:2rem 1rem}.upload-area h3{display:none}.faq-item{padding:1rem}.faq-item h3{font-size:1rem}footer{padding:2rem 1rem 1.5rem;width:100%;box-sizing:border-box}.footer-grid{grid-template-columns:1fr;gap:1.5rem}.footer-bottom{font-size:0.8rem;padding-top:1.5rem}.breadcrumb{font-size:0.8rem;flex-wrap:wrap;gap:0.25rem}.scroll-progress{height:2px}.theme-toggle{display:none !important}.nav-actions{display:none !important}.hamburger{margin-left:auto !important;margin-right:30px !important}.tool-card,.controls-card,.preview-box,.faq-item,.contact-wrapper,.why-section,.coming-soon-panel,.upload-area,section,.container{padding:1.25rem !important;box-sizing:border-box !important;width:100% !important;overflow:hidden !important}h2{font-size:1.6rem !important;line-height:1.3 !important;word-break:break-word !important;overflow-wrap:break-word !important}h3{font-size:1.2rem !important;line-height:1.3 !important}p{font-size:0.95rem !important;line-height:1.6 !important;word-break:break-word !important}section,.container{padding-left:1rem !important;padding-right:1rem !important;box-sizing:border-box !important;max-width:100% !important}html,body{overflow-x:hidden !important;max-width:100vw !important}img{max-width:100% !important;height:auto !important}}@media (max-width:480px){nav{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;justify-content:space-between !important;align-items:center !important;height:4rem !important;min-height:4rem !important;padding:0 0.5rem !important}.logo{font-size:0.95rem !important;display:flex !important;align-items:center !important;gap:0.25rem !important;flex-shrink:0 !important;white-space:nowrap !important}.logo img{height:28px !important;width:28px !important;flex-shrink:0 !important}.hamburger{flex-shrink:0 !important;padding:0.35rem !important}.hamburger span{width:20px !important;height:2px !important;gap:4px !important}.nav-actions{display:none !important}.theme-toggle{padding:0.35rem !important}h2{font-size:1.35rem !important}h3{font-size:1.1rem !important}.tool-card,.controls-card,.preview-box,.faq-item,.contact-wrapper,.why-section,.coming-soon-panel,.upload-area,section,.container{padding:1rem !important}p{font-size:0.9rem !important}.category-tabs{grid-template-columns:repeat(2,1fr) !important;gap:0.4rem !important;padding:0.5rem !important}.cat-tab{font-size:0.72rem !important;padding:0.4rem 0.35rem !important}}@media (max-width:400px){.hero h1{font-size:1.5rem}.logo{font-size:1rem}.logo img{height:30px;width:30px}.features-grid{grid-template-columns:1fr}.cat-tab{font-size:0.72rem;padding:0.35rem 0.7rem}.tool-card{padding:1rem}.section-title h2{font-size:1.4rem}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}}
/* FAQ Accordion */
.faq-section{padding:4rem 0;border-top:1px solid var(--border-color)}.faq-section h2{font-size:1.75rem;font-weight:700;margin-bottom:2rem;color:var(--text-primary)}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:none;border:none;color:var(--text-primary);font-size:1rem;font-weight:600;text-align:left;cursor:pointer;gap:1rem}.faq-question:hover{color:var(--accent-primary)}.faq-icon{font-size:1.25rem;color:var(--accent-primary);flex-shrink:0;transition:transform .3s ease;font-weight:400}.faq-answer{display:none;padding:0 1.5rem 1.25rem;color:var(--text-secondary);font-size:.95rem;line-height:1.7;border-top:1px solid var(--border-color)}.faq-answer p{padding-top:1rem}.faq-item.active .faq-answer{display:block}.faq-item.active .faq-icon{transform:rotate(45deg)}

/* Contrast adjustments for category tabs */
[data-theme="dark"] .cat-tab {
  color: #cbd5e1;
}
[data-theme="dark"] .cat-tab:not(.active):not(.coming-soon) {
  color: #94a3b8;
}
[data-theme="light"] .cat-tab {
  color: #334155;
}

/* Mobile Nav Close and Lock Styles */
.nav-close-btn {
  display: none !important;
}

body.nav-open {
  overflow: hidden !important;
}

/* Mobile Navigation Clipping Fix & Robust Styles */
@media (max-width: 768px) {
  /* CRITICAL: backdrop-filter creates a stacking context that traps
     position:fixed children. Remove it on mobile so the nav overlay
     can cover the full viewport correctly. */
  header {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
  }
  nav, header .container, nav.container {
    overflow: visible !important;
  }
  
  .nav-links {
    display: none;
    position: fixed !important;
    top: 4rem !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: auto !important;
    max-height: calc(100vh - 4rem) !important;
    flex-direction: column !important;
    background: var(--bg-primary) !important;
    z-index: 9999 !important;
    padding-top: 0.75rem !important;
    padding-bottom: 1rem !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    overflow-y: auto !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.2) !important;
    border-bottom: 1px solid var(--border-color) !important;
    transform: none !important;
    margin: 0 !important;
    list-style: none !important;
    gap: 0 !important;
    border-top: none !important;
  }
  
  .nav-links.open {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}