.documentation-page{color:#111827;background-color:#f9fafb;min-height:100vh;font-family:Inter,sans-serif}.documentation-header{color:#fff;text-align:center;background-color:#000;padding:2rem 1.5rem;position:relative;overflow:hidden}.documentation-header h1{font-size:2.25rem;font-weight:700}@media (min-width:768px){.documentation-image-card img{max-width:100%}.documentation-header h1{font-size:3rem}}.documentation-header p{color:#f97316;margin-top:.75rem;font-size:1.125rem;font-weight:500}@media (min-width:768px){.documentation-header p{font-size:1.25rem}}.documentation-main{max-width:72rem;margin:0 auto;padding:3rem 1.5rem}.documentation-section{margin-bottom:4rem}.documentation-section h2{color:#000;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.documentation-image-card img{object-fit:contain;border-radius:10px;width:100%;max-width:450px;height:auto;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 10px #00000026}.documentation-image-card img.tall{width:auto;max-height:600px}.documentation-image-card{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:15px;display:flex}.documentation-image-card img:hover{transform:scale(1.05);box-shadow:0 8px 20px #ffa5004d}@media (min-width:768px){.documentation-section h2{font-size:1.875rem}}.documentation-section p{color:#374151;margin-bottom:1.5rem;line-height:1.6}.highlight{color:#f97316;font-weight:700}.documentation-image-card{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.75rem;justify-content:center;align-items:center;padding:1.5rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 2px 6px #0000000d}.documentation-image-card:hover{transform:scale(1.03);box-shadow:0 4px 12px #00000014}.documentation-image-card img{border-radius:.75rem;width:100%;max-width:28rem}.documentation-footer{color:#fff;text-align:center;background-color:#000;padding:1.5rem 0}.documentation-footer p{color:#d1d5db}