.header{background-color:var(--color-white);border-bottom:1px solid var(--color-black);padding:.5rem 0;position:sticky;top:0;z-index:100}.header .header-content{display:flex;justify-content:space-between;align-items:center}.header .logo-image{height:3rem}.header .nav{display:flex;gap:2rem}.header .nav-link{color:var(--color-black);text-decoration:none;font-size:1rem;opacity:.8;transition:opacity .2s ease}.header .nav-link:hover{opacity:1}.header .dropdown{position:relative}.header .dropdown-trigger{display:flex;align-items:center;gap:.5rem;text-decoration:none;cursor:pointer}.header .dropdown-icon{transition:transform .2s ease;opacity:.8}@media (min-width: 769px){.header .dropdown:hover .dropdown-icon{transform:rotate(180deg)}}.header .dropdown.active .dropdown-icon{transform:rotate(180deg)}.header .dropdown-menu{position:absolute;top:100%;left:0;background-color:var(--color-white);border:1px solid var(--color-black);border-radius:.375rem;min-width:280px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:50;display:none}@media (min-width: 769px){.header .dropdown:hover .dropdown-menu{display:block}}.header .dropdown.active .dropdown-menu{display:block}.header .dropdown-item{display:block;padding:.75rem 1.25rem;color:var(--color-black);text-decoration:none;font-size:.875rem;transition:background-color .2s ease;white-space:nowrap}.header .dropdown-item:hover{background-color:#0000000d}.header .mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:20px;background:none;border:none;cursor:pointer;padding:0;z-index:100}.header .mobile-menu-toggle span{display:block;width:100%;height:2px;background-color:var(--color-black);transition:all .3s ease}.header .mobile-menu-toggle.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.header .mobile-menu-toggle.active span:nth-child(2){opacity:0}.header .mobile-menu-toggle.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media (max-width: 768px){.header .mobile-menu-toggle{display:flex}.header .nav{position:fixed;top:0;right:-100%;width:100%;height:100vh;background-color:var(--color-white);padding:5rem 2rem 2rem;flex-direction:column;gap:1.5rem;transition:right .3s ease;z-index:99}.header .nav.is-open{right:0}.header .dropdown{width:100%}.header .dropdown-trigger{width:100%;justify-content:space-between}.header .dropdown-menu{position:static;width:100%;min-width:100%;border:none;box-shadow:none;padding:.5rem 0 .5rem 1rem;margin-top:.5rem;display:none}.header .dropdown.active .dropdown-menu{display:block}.header .dropdown-item{padding:.75rem 0;opacity:.8}.header .dropdown-item:active{opacity:1}.header .nav-link{width:100%;display:flex;justify-content:space-between;align-items:center}}.footer{background-color:var(--color-black);color:var(--color-white);padding:4rem 0 2rem}.footer .footer-content{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:4rem;margin-bottom:3rem;justify-items:center}.footer .footer-section h3{color:var(--color-white);font-size:1.25rem;margin-bottom:1.5rem;font-weight:600}.footer .footer-section p{opacity:.8;line-height:1.6;max-width:400px}.footer .footer-section ul{list-style:none;padding:0;margin:0}.footer .footer-section ul li{margin-bottom:.75rem}.footer .footer-section ul li a{color:var(--color-white);text-decoration:none;opacity:.8;transition:opacity .2s ease}.footer .footer-section ul li a:hover{opacity:1}.footer .footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem;display:flex;justify-content:space-between;align-items:center}.footer .social-links{display:flex;gap:1.5rem}.footer .social-icon{width:24px;height:24px;object-fit:contain}.footer .social-link{color:var(--color-white);opacity:.8;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.footer .social-link:hover{opacity:1}.footer .copyright{opacity:.6;font-size:.875rem}@media (max-width: 768px){.footer .footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.footer .footer-section p{margin:0 auto}.footer .footer-bottom{flex-direction:column;gap:1rem;text-align:center}.footer .social-links{justify-content:center}}.more-tools{background:var(--background)}.more-tools h2{text-align:center;margin-bottom:var(--spacing-md)}.more-tools .tools-grid{display:flex;flex-wrap:wrap;justify-content:flex-start;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md);max-width:1200px;margin:0 auto;padding:0}.more-tools .tool-card{width:274px;background:var(--background);border-radius:.5rem;padding:var(--spacing-sm);transition:transform .2s,box-shadow .2s;cursor:pointer;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);text-decoration:none}.more-tools .tool-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;background:var(--color-black);color:#fff}.more-tools .tool-card img{width:1.5rem;height:1.5rem;display:inline-block;margin-bottom:0}.more-tools .tool-card h3{font-size:1rem;margin:0;color:var(--text-color);font-weight:unset;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.more-tools .tool-card:hover h3{color:#fff}@media (max-width: 768px){.more-tools .tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.more-tools .tool-card{width:100%;padding:var(--spacing-sm)}}.how-it-works .card{text-align:center;padding:2rem;display:flex;flex-direction:column;align-items:center;background-color:var(--color-white);border-radius:.5rem;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.how-it-works .card:hover{transform:translateY(-4px);box-shadow:0 4px 8px #0000001a}.how-it-works .step-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;border-radius:50%;background-color:var(--color-white);box-shadow:0 2px 4px #0000001a}.how-it-works .step-image{width:32px;height:32px;object-fit:contain}.how-it-works .card h3{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:var(--color-black)}.how-it-works .card p{color:var(--color-black);opacity:.8;line-height:1.6;margin:0;font-size:1rem}.how-it-works .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto}@media (max-width: 768px){.how-it-works .grid-3{grid-template-columns:1fr;gap:1.5rem}.how-it-works .card{padding:1.5rem}.how-it-works .step-icon{width:48px;height:48px;margin-bottom:1rem}.how-it-works .step-image{width:24px;height:24px}.how-it-works .card h3{font-size:1.25rem;margin-bottom:.75rem}.how-it-works .card p{font-size:.875rem}}.features .card{text-align:center;padding:2rem;display:flex;flex-direction:column;align-items:center;background-color:var(--color-white);border-radius:.5rem;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.features .card:hover{transform:translateY(-4px);box-shadow:0 4px 8px #0000001a}.features .feature-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;border-radius:50%;background-color:var(--color-white);box-shadow:0 2px 4px #0000001a}.features .feature-image{width:32px;height:32px;object-fit:contain}.features .card h3{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:var(--color-black)}.features .card p{color:var(--color-black);opacity:.8;line-height:1.6;margin:0;font-size:1rem}.features .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto}@media (max-width: 768px){.features .grid-3{grid-template-columns:1fr;gap:1.5rem}.features .card{padding:1.5rem}.features .feature-icon{width:48px;height:48px;margin-bottom:1rem}.features .feature-image{width:24px;height:24px}.features .card h3{font-size:1.25rem;margin-bottom:.75rem}.features .card p{font-size:.875rem}}.testimonials .card{text-align:center;padding:2rem;display:flex;flex-direction:column;gap:1rem}.testimonials .card p{font-size:1.125rem;line-height:1.6;color:var(--color-black);margin:0}.testimonials .card cite{font-style:normal;font-weight:500;color:var(--color-black);opacity:.8}.testimonials .star-rating{display:flex;justify-content:center;gap:.25rem;margin-bottom:1rem}.testimonials .star{color:#e2e8f0;transition:color .2s ease}.testimonials .star.filled{color:#000}.testimonials .star.half{background:linear-gradient(to right,#000 50%,#e2e8f0 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.testimonials .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto}@media (max-width: 1200px){.testimonials .grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.testimonials .grid-3{grid-template-columns:1fr}}.faq .faq-list{max-width:1200px;margin:0 auto}.faq .faq-item{border:1px solid var(--color-black);margin-bottom:1rem;border-radius:.375rem;transition:all .3s ease}.faq .faq-item:hover{border-color:var(--color-black);box-shadow:0 2px 4px #0000001a}.faq .faq-question{width:100%;padding:1.25rem;display:flex;justify-content:space-between;align-items:center;background:none;border:none;text-align:left;font-size:1.125rem;font-weight:500;cursor:pointer;color:var(--color-black)}.faq .faq-icon{transition:transform .3s ease;flex-shrink:0;margin-left:1rem}.faq .faq-icon.is-open{transform:rotate(180deg)}.faq .faq-answer{padding:0 1.25rem 1.25rem;display:none}.faq .faq-item.is-open .faq-answer{display:block}.faq .faq-answer p{color:var(--color-black);opacity:.8;line-height:1.6;margin:0}.blog .blog-card{text-decoration:none;color:inherit;transition:transform .2s ease;height:100%;display:flex;flex-direction:column;border:1px solid var(--color-black);border-radius:.5rem;overflow:hidden;padding:0}.blog .blog-card:hover{transform:translateY(-4px);box-shadow:0 4px 8px #0000001a}.blog .blog-thumbnail{width:100%;height:200px;overflow:hidden}.blog .blog-thumbnail img{width:100%;height:100%;object-fit:cover}.blog .blog-content{width:100%;padding:0;display:flex;flex-direction:column;gap:.75rem;flex:1;box-sizing:border-box;align-items:flex-start;margin-top:1.5rem}.blog .blog-content h3,.blog .blog-content p,.blog .blog-content .blog-date{padding-left:1.5rem;padding-right:1.5rem;width:100%;box-sizing:border-box}.blog .blog-card h3{font-size:1.5rem;margin:0;color:var(--color-black);font-weight:600}.blog .blog-card p{color:var(--color-black);opacity:.8;margin:0;font-size:1rem;line-height:1.6}.blog .blog-date{color:var(--color-black);opacity:.6;font-size:.875rem;margin-top:auto;margin-bottom:1.5rem}.blog .grid-2{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto}@media (max-width: 768px){.blog .grid-2{grid-template-columns:1fr;gap:1.5rem}.blog .blog-thumbnail{height:160px}.blog .blog-content{padding:1.25rem}.blog .blog-card h3{font-size:1.25rem}}.article{background-color:var(--color-white)}.article .article-content{margin:var(--spacing-xl) 0}.article .article-content .desc{font-style:italic;color:var(--light-text);font-size:1rem;line-height:1.6}.article .article-content img{max-width:100%;height:auto;border-radius:var(--border-radius);margin:var(--spacing-sm) 0}.article .article-content h2,.article .article-content h3,.article .article-content h4,.article .article-content h5,.article .article-content h6{font-weight:600;margin:var(--spacing-md) 0;line-height:1.6;text-align:unset}.article .article-content h2{font-size:1.8rem}.article .article-content h3{font-size:1.6rem}.article .article-content h4{font-size:1.4rem}.article .article-content h5{font-size:1.2rem}.article .article-content h6{font-size:1.1rem}.article .article-content ul,.article .article-content ol{margin:1rem 0 1.5rem 1.2rem;line-height:1.6}.article .article-content p{margin:var(--spacing-sm) 0;line-height:1.6;color:var(--text-color)}.article .article-content li{margin:var(--spacing-xs) 0;color:var(--text-color)}.article .article-content b{color:var(--text-color);margin-right:var(--spacing-xs)}.article .article-content a{color:var(--secondary-color);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.article .article-content a:hover{border-bottom-color:var(--secondary-color)}.cta{text-align:center;background-color:#f5f6fa;color:var(--color-black);padding:4rem 0}.cta h2{color:var(--color-black);font-size:2rem;margin-bottom:1rem}.cta p{font-size:1.25rem;margin-bottom:2rem}.cta .btn-primary{background-color:var(--color-black);color:var(--color-white);font-size:1.125rem;padding:1rem 2rem;text-decoration:unset;display:inline-block;border-radius:.375rem;transition:all .2s ease}.cta .btn-primary:hover{background-color:var(--color-white);color:var(--color-black);border:1px solid var(--color-black)}