.tool-documentation-page{background:#f8fafc}.tool-doc-hero{background:linear-gradient(135deg,#667eea,#764ba2)}.tool-doc-hero-content{max-width:900px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem}.tool-doc-icon{margin-bottom:1.5rem;color:white;display:flex;justify-content:center;align-items:center;width:100%}.tool-doc-hero-content h1{width:100%;text-align:center;margin-bottom:1rem}.tool-doc-hero-content .content-subtitle{width:100%;text-align:center;margin-bottom:0}.tool-doc-cta{display:flex;gap:1rem;justify-content:center;align-items:center;margin-top:2rem;flex-wrap:wrap;width:100%}.tool-doc-cta .btn{white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content;text-align:center}.tool-doc-cta .btn-primary{background:white;color:#667eea}.tool-doc-cta .btn-outline{background:rgba(255,255,255,.2);color:white;border:2px solid white}.btn{padding:.875rem 2rem;border-radius:8px;font-size:1.125rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;text-decoration:none;display:inline-block}.btn-primary{background:white;color:#667eea}.btn-primary:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.btn-outline{background:rgba(255,255,255,.2);color:white;border:2px solid white}.btn-outline:hover{background:rgba(255,255,255,.3)}.btn-large{padding:1rem 2.5rem;font-size:1.25rem}.info-box{background:#eff6ff;border-left:4px solid #3b82f6;padding:1rem 1.25rem;border-radius:6px;margin:1.5rem 0}.info-box h4{font-size:1rem;font-weight:600;color:#1e40af;margin-bottom:.5rem}.info-box p,.info-box ul{margin:0;color:#1e3a8a}.warning-box{background:#fef3c7;border-left:4px solid #f59e0b;padding:1rem 1.25rem;border-radius:6px;margin:1.5rem 0}.warning-box h4{font-size:1rem;font-weight:600;color:#92400e;margin-bottom:.5rem}.warning-box ul{margin:.5rem 0 0;padding-left:1.5rem}.warning-box li{color:#78350f}.success-box{background:#d1fae5;border-left:4px solid #10b981;padding:1rem 1.25rem;border-radius:6px;margin:1.5rem 0}.success-box h4{font-size:1rem;font-weight:600;color:#065f46;margin-bottom:.5rem}.success-box ul{margin:.5rem 0 0;padding-left:1.5rem}.success-box li{color:#047857}.cta-section{background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;border-radius:12px;padding:3rem 2rem;text-align:center;margin:3rem 0}.cta-section h2{color:white;margin-bottom:1rem}.cta-section p{color:rgba(255,255,255,.95);font-size:1.125rem;margin-bottom:2rem}.related-tools-section{background:#f8fafc;border-radius:12px;padding:2rem;margin-top:2rem}.related-tools-list{list-style:none;margin:0;padding:0}.related-tools-list li{margin-bottom:.75rem}.related-tools-list a{color:#3b82f6;text-decoration:none;font-weight:500;font-size:1.125rem}.related-tools-list a:hover{text-decoration:underline}@media (max-width:768px){.tool-doc-cta{flex-direction:column}.btn-large{width:100%;max-width:300px}}.gradient-highlight-box,.gradient-highlight-box h2,.gradient-highlight-box h3,.gradient-highlight-box h4,.gradient-highlight-box li,.gradient-highlight-box p{color:white!important}.gradient-highlight-box p{color:rgba(255,255,255,.95)!important}