:root{--primary-500:#4f46e5;--primary-600:#4338ca;--primary-700:#3730a3;--primary:#4f46e5;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-dark:#0b1324;--bg-dark-secondary:#111c33;--border-subtle:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--gradient-primary:linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);--gradient-secondary:linear-gradient(135deg, #4f46e5 0%, #4338ca 100%);--gradient-dark:linear-gradient(180deg, #0b1324 0%, #0f1a30 100%);--gradient-radial:none;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 2px 6px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-lg:0 8px 24px #0f172a14;--shadow-xl:0 16px 40px #0f172a1a;--shadow-glow:0 4px 14px #4f46e540;--shadow-glow-lg:0 8px 24px #4f46e540}body{color:var(--text-primary);font-size:1.0625rem;line-height:1.7}p{color:var(--text-secondary)}h1,h2,h3,h4{letter-spacing:-.015em}.section-subtitle,.section-description,.section-header p{color:var(--text-secondary);max-width:640px;margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.7}.hero .hero-description,.how-it-works-section p.htw-subtitle,.business-section .section-header p,.business-section p,.cta-section .section-header p,.cta-section p{color:#ffffffc7}.ssc-featured-card p,.ssc-bento-card p,.tool-card p,.project-card p,.testimonial-card p,.pricing-card li,.blog-card p,.faq-answer p,.htw-card p{font-size:.9375rem;line-height:1.65}.gradient-text:not(.blue):not(.purple):not(.cyan):not(.green):not(.orange):not(.pink):not(.yellow):not(.teal):not(.lime):not(.indigo):not(.rose):not(.violet),.htw-glitch-text{-webkit-text-fill-color:currentColor!important;color:var(--primary-500)!important;text-shadow:none!important;background:0 0!important;animation:none!important}.htw-glitch-text:before,.htw-glitch-text:after{display:none!important}.hero .gradient-text,.how-it-works-section .gradient-text,.how-it-works-section .htw-glitch-text,.business-section .gradient-text,.cta-section .gradient-text{color:#a5b4fc!important}.hero-gradient,.how-it-works-section,#testimonials.testimonials-section,.business-section,.cta-section,.footer{background:var(--bg-dark)!important}.hero-gradient:before{background:radial-gradient(at top,#4f46e52e 0%,#0000 60%)}.htw-bg-effects{opacity:.35}.ssc-orb{display:none}.services-showcase,.projects-section,.pricing-preview-section,.faq-section{background:#fff!important}.tools-showcase,.testimonials-section:not(#testimonials),.minimalist-section,.learn-webdesign-section,.blog-preview-section{background:var(--bg-secondary)!important}.services-showcase,.tools-showcase,.projects-section,.minimalist-section,.testimonials-section:not(#testimonials),.pricing-preview-section,.learn-webdesign-section,.blog-preview-section,.faq-section{border-top:1px solid var(--border-subtle)}.footer{border-top:1px solid #ffffff0f}.navbar,.navbar.scrolled{border-bottom:1px solid #ffffff0f;background:#0b1324eb!important}.btn-primary{background:var(--primary-500);box-shadow:0 1px 2px #0f172a1f}.btn-primary:hover{background:var(--primary-600);box-shadow:0 4px 12px #4f46e540}.btn-outline{color:var(--primary-500);border-color:var(--primary-500)}.ssc-featured-card,.ssc-bento-card,.tool-card,.project-card,.testimonial-card,.pricing-card,.blog-card{border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.ssc-featured-card:hover,.ssc-bento-card:hover,.tool-card:hover,.project-card:hover,.blog-card:hover{box-shadow:var(--shadow-lg)}.section-badge{background:var(--gray-100);color:var(--primary-600);border:1px solid var(--border-subtle)}#testimonials .testimonial-card{border-color:#ffffff14}.footer-contact ul li{font-size:.9375rem}@media (max-width:768px){.footer-contact ul li{justify-content:center}.legal-links{flex-wrap:wrap;justify-content:center;gap:.25rem 1rem}.blog-meta{flex-wrap:wrap}.compare-card{min-width:0}.cookie-table,section>table.comparison-table{-webkit-overflow-scrolling:touch;min-width:0;max-width:100%;display:block;overflow-x:auto}}@media (max-width:480px){.btn-lg{white-space:normal;text-align:center}}